Dave Marquardt's WeblogToday's Page Hits: 343
This page validates as XHTML 1.0, and will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device. It was created using techniques detailed at glish.com/css/.
Fixing web page with tiny fonts
I finally got fed up with the small fonts of a web site I visit regularly, so I went searching for a solution. I'd read about Greasemonkey in Lifehacker, so I checked it out. It installed as a Firefox extension easily enough, and I restarted Firefox. I searched the Greasemonkey scripts repository for a solution to my font problem, with an idea that I could fix it using some additional CSS.
In searching for something to add some CSS to the offending
site, I happened upon a reference to Stylish,
another Firefox extension that specifically deals with style
issues, so I installed it. After restarting Firefox
again (why is it necessary to restart in order
to load an extension?), I visited the offending web site, and
then clicked the little Stylish icon at the bottom of the
Firefox window. This brought up a menu where I could write a
style for the particular page or the website as a whole. That
brought up an editor where I could add the CSS I wanted. I
browsed the CSS from the offending web site and just cut and
pasted all the parts that specified font size, and changed the
font sizes from x-small and xx-small
to small ! important. The ! important
part overrides the style specified by the site.
I reloaded pages from the web site I was trying to modify, and voila, it was now rendering with larger, more readable fonts. Very cool!
Posted at 04:52PM Feb 07, 2007 by Dave Marquardt in Programming |
