Jun
05
Posted on 05-06-2006
Filed Under (Linux) by jay

The thing that has really been driving me nust lately is the font-sizes in Firefox on a Linux system. More specificly when I am running Knoppix or Kanotix I find that most apps look good when using KDE except for Firefox. The two problems are the font-size of the Firefox UI are too small and secondly the fonts of certian web sites like google.com were way to small.

But after doing some googling and hacking I have found a reason, a fix and a hack.

The reason the Web Page fonts (google.com) were so small was that I did not have the correct video drivers loaded on my laptop. After getting my head out of my .... I read the Knoppix Cheat codes and found that I needed to use the

CODE:
  1. boot: knoppix module=radeon

boot option.
I applied this boot parameter and web pages in FireFox started rendering in a readable size font.

The other reason some apps do not render well are due to GNOME and KDE incomapabilities. For instance I have the same UI issues in the Bluefish HTML Editor when using it under KDE but Bluefish UI looks fine under GNOME. I have no fix for this.

Anyway after adding the boot parameter most web pages rendered ok but with some the font was too small. That's when I stumbled upon the Minimum Font Size Preference Item. Goto Edit-> Prefferences-> Content-> Then under Fonts & Colors click Advanced and the you'll see a SelectBox for a minum font-size. Change it to 16, OK out of the Preferences UI and then go check out some pages that were rendering poorly.

If these to fixes don't fix it for you I don't what will.

Moving on to the FireFox UI:
To Fix the FireFox UI I did some more googling and found a hack. This hack says to create a userChrome.css in the user home directory with some css that will aid in rendering the FireFox UI.

So the first thing to do is create a css style sheet here:

CODE:
  1. /home/USERNAME/.mozilla/firefox/chrome/userChrome.css

and then add this css:

CSS:
  1. *{
  2. font-size: 11pt;
  3. font-family: sans-serif;
  4. }
  5.  
  6. input, textarea, select, button,
  7. input[type="button"], input[type="reset"], input[type="submit"] {
  8. font-size: 9pt;
  9. font-family: sans-serif ;
  10. }

Once you've done this restart FireFox and see how things look. If you don't like what you see then continue tewaking and restarting FireFox until your happy with the UI.

    Read More   

Comments are closed.