Home / ubuntu / Questions / 21030
Accepted
user541686
Asked: 2011-01-12 03:19:06 +0800 CST

Font rendering in Firefox is blurry

  • 772

A picture is worth a thousand words... so does anyone know how to fix this font blurriness in Firefox?

(You'll need to right-click the picture below go to View Image to view it full-size; it's too small to see anything here.)

1

Note: My other applications (and the Firefox non-client area, as you can see in the screen) are completely fine, so obviously going to System->Appearance and changing the font settings isn't fixing the situation.

Edit:

Not letting web pages to use their own fonts also doesn't help:

1

See how the upper one is still sharper?

Also, Firefox's own menu bar doesn't render the same way as the page content (menu bar below, page content above). They're both Segoe UI:

1

10.10

9 Answers

  1. Best Answer

    All right, I found the solution:

    It was all because I was using the Segoe UI Light font everywhere in the system, but Firefox was using Segoe UI Regular. By (hackishly) changing the font in About:Config, I managed to get it to look almost the way I wanted... but now, the font spacing is too low and things are squished together.

    If anyone knows how to increase the spacing, that would be fantastic! :)

    • 4

  2. This might also happen due non-availability of MicroSoft fonts. Install MScoreture fonts.

    sudo apt-get install msttcorefonts

    • 1

  3. Linux and Windows render fonts differently, so you can't expect to have same font in Windows and Ubuntu rendered the same. This is also an issue on Mac, and there are lots of articles around discussing the difference.

    Generally, this Wikipedia article is a good starting point for reading

    If you are bothered, you can play with "Hinting" section in Gnome appearance settings (Font tab).

    PS: To illustrate the fact that this is not Firefox issue, here's a screenshot I made in gEdit, using Arial 10pt font. You will see that it's rendered exactly the same as in Firefox screenshot you've posted:

    Screenshot from gEdit

    Another screenshot, now gedit and FF side-by-side:

    FF vs gEdit

    • 1

  4. Mehrdad: I think you've answered your own question now (that the two screenshots are showing different fonts/weights)!

    The main lesson here is that currently Firefox does its own thing with font rendering and doesn't pick up the same font preferences set in GNOME or KDE. There's bug #621198 ("Check+Harmonise X/Fontconfig/Gtk+/Firefox/Chromium/Konq/Qt/KDE rendering preferences") to try and fix that.

    On the subject of font rendering preferences themselves; it's very subjective. A low-resolution display (as compared to a 600 DPI laser-printer) does not have sufficient pixels to render the glyphs in their original form. The choices are either to anti-alias/grayscale the text, or to intentionally distort the text to fit the pixel-grid (called "hinting").

    • Geometric accuracy (aka "blurry") is the Mac OSX historic default
    • In the middle (aka "slight hinting") is the Ubuntu historic default
    • Fully hinted (aka "sharp") is the MS Windows historic default

    People tend to prefer what they're used to; it's possible to argue equally that each is better/worse than the others. Ubuntu ships with a default in the middle of the two extremes applying a default of hinting in the vertical direction only.

    In addition, most platforms now use sub-pixel rendering, which makes use of knowledge of the orientation and physical characteristics of the monitor to attempt to display more detail in the letters—at the cost of colour fringing. You can configure all of these settings under Ubuntu to your own liking, but you are currently required to apply them again for Firefox/Chromium until the bug above is fixed.

    • 1

  5. I've been trying to fix this problem for two years now, and my only solution has been to force Firefox to use my selected fonts. Not ideal, but better than the Firefox defaults. And the thing that drives me completely insane is that, if you install Opera under Linux and compare its font rendering with the same page in Firefox under Windows, the pages look virtually identical.

    I've asked before, and I'll ask again here and now: How is it that Firefox can get it right in Windows, and Opera can get it right under Linux, but Firefox can't get it right under Linux?

    Given that Opera gets it right, I'd say this ISN'T an issue with system fonts, especially since I have a complete set of Microsoft TTF fonts installed on my Linux box. The web page tells the browser what fonts to use and the browser should use them - if Opera can find and use them on my system, FF should too. This is a FIREFOX BUG, I reported it to them a long time ago, and after at least two years it's way past time they got their act together and fixed it.

    • 1

  6. Make sure there is no zoom active (ctrl + 0)

    • 0

  7. Have you tried swapping in the .fonts.conf file found at the bottom of this page on the Ubuntu Wiki.

    Here's a description of the problem, which sounds like yours:

    I'm currently working on font settings in XML (.fonts.conf). I noticed that after installing msttcorefonts things don't look quite as good in Firefox anymore. Most web pages request Arial which doesn't get hinted and anti-aliased too nicely, especially on LCD screens. I personally prefer the "sharp" non-anti-aliased look. I also noticed that many users coming from Windows® ask on the forums about getting fonts to look that way.

    • 0

  8. Well, I deleted .font_config and rebooted. Seems to fix the problem.

    Edit from comment:

    Finally! Found a solution that works for me. Seems the problem is with the Ubuntu font family. I went to System>Preferences>Appearance>Fonts and changed the fonts to something else than Ubuntu's own, eg. Sans, serif etc etc. Hopefully this will work for you guys too. – Atle Jul 11 '11 at 18:25

    • 0

  9. https://bbs.archlinux.org/viewtopic.php?id=59507 Post #3.

    I don't know why but it did fixed my Firefox font rendering.

    • 0