Dina in Firefox with Stylish

[Lebewesen]

@Jibz, I  love your font - its very clear and easy to read!

Some of my favorite websites are not easy to read in the normal site font so i created a little Stylish script:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("donationcoder.com"),
              domain("anotherDomaoin.com")
{
body, html, .post {font-family:dina !important;font-size:10pt !important;}
}

Edit: I made a mistake with the namespace - now it should work.

Screenshot:
[attach]

[mouser]

i'd love to see a screenshot of this in action lebewesen.  mind posting one?

[housetier]

arrrr me hearty! welcome aboard

Yes and I would like to see the results too: "before" and "after".

[Lebewesen]

One screenshots is in my first post now

Here are two others - but with a bit more tweaking.

Orginal:
[attach]

[Jibz]

Amazing

[housetier]

Now that I have seen it, I have to consider trying stylish myself to improve the "web experience" of some sites.

Thanks for the idea

[Lebewesen]

Maybe you like this one as a starter - here I have tweaked the newssite  heise to nearly perfection - you can clearly distinguish links and see if they were visited or not and if they are external links.

If you like I can make a screenshot later.

Code: (css)

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("heise.de"){
	a:link    {text-decoration:none !important; font-weight:bold   !important; color:blue !important;font-family:times;text-shadow: #c0c0c0 3px 3px 5px;}
	a:visited {text-decoration:none !important; font-weight:normal !important; color:navy!important; text-shadow: #c0c0c0 3px 3px 5px;}
	a:hover   {text-decoration:none !important; font-weight:bold   !important; background-color:gold !important;}
	a:active  {text-decoration:none !important; font-weight:bold   !important; background-color:blanchedalmond !important;}
	a:focus   {text-decoration:none !important; font-weight:bold   !important; background-color:aqua !important;}
	#body, html {font-family:times !important;}
	body, html {font-family:dina !important;font-size:10pt !important;}

	a[href^="http:"] {
		text-shadow: red 3px 3px 5px;
	}

	a[href^="http://heise.de"],
	a[href^="http://www.heise.de"]{
		text-shadow: #c0c0c0 3px 3px 5px;
	}
}