This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Font rendering is messed up!

  • 13 replies
  • 190 have this problem
  • 1 view
  • Last reply by cor-el

more options

Since I've upgraded to Firefox 19.x, font rendering has been completely broken. Fonts are all messed up, distorted, etc...

See here: https://support.cdn.mozilla.net/media/uploads/images/2013-03-07-20-12-39-1f0313.png

I've read through many suggestions about changing options in about:config, and various other settings, but nothing seems to work.

The browser is totally useless like this.

Any help on how to fix the font issue would be greatly appreciated!

Since I've upgraded to Firefox 19.x, font rendering has been completely broken. Fonts are all messed up, distorted, etc... See here: https://support.cdn.mozilla.net/media/uploads/images/2013-03-07-20-12-39-1f0313.png I've read through many suggestions about changing options in about:config, and various other settings, but nothing seems to work. The browser is totally useless like this. Any help on how to fix the font issue would be greatly appreciated!

Chosen solution

Try to disable hardware acceleration in Firefox.

Try to set the gfx.content.azure.enabled pref to false or if this didn't help disable Direct2D by setting the gfx.direct2d.disabled pref to true on the about:config page and leave hardware acceleration otherwise enabled.

Read this answer in context 👍 55

All Replies (13)

more options

Chosen Solution

Try to disable hardware acceleration in Firefox.

Try to set the gfx.content.azure.enabled pref to false or if this didn't help disable Direct2D by setting the gfx.direct2d.disabled pref to true on the about:config page and leave hardware acceleration otherwise enabled.

more options

This problem happened to me today. Interestingly in my pre-production environment (apache on a windows 7 workstation) the fonts are messed up. They are smaller and appear squished, almost unreadable. In the production environment (apache on a Linux machine), the fonts look fine (both using Firefox). With MSIE, both sites look identical.

It is also strange that earlier today, the fonts looked fine in both environments (pre-production and production). I have made no changes to Firefox, but as of a couple of hours ago, the font issue bugs me tremendously. If the production environment changes to these fonts, the website is no longer useable in Firefox.

I installed the font-information 0.1 add-on, but the information this add-on provides is that the fonts for the pre-production and production environment are the same. Un-checking the box 'Use hardware acceleration when available' did not help me.

I appreciate your feedback on this problem. Thank you! Beate

I figured out what happened. Somehow I had changed the ZOOM setting. Going to Alt + View | Zoom | Reset fixed my problem. It is still strange that this would only affect the pre-production sites that I prepare in my environment here, but never production sites.

Modified by BeateD

more options
more options

I had really ugly font rendering on some pages in Firefox 20.0.1 on Windows 7 Professional. The fix for me was to turn on ClearType. In Control Panel, Search for "Adjust ClearType text", select "Turn on ClearType", and go through the 4 step turning wizard.

Beautiful fonts in Firefox now!

more options

I'm on Firefox 20. Since upgrading my fonts are messed up. They're kind of blurry and pixelated. If I resize the browser the issue goes away, but I have to resize it every time I load a new page.

more options

Font issue can be cleared up by closing all programs, go to C:\WINDOWS\Fonts in window explorer, click tools, then folder options on the menu bar, go to True Type Fonts tab, click show only TTF, apply, reboot, FireFox font issue solved

Modified by WorldEarth

more options

This helped me.

Tools > Options > Content > Advanced

Set minimum font size to "none". Was "15".

Fixed. FF 20.0.1

more options

Nothing has worked for me yet. My minimum font size in Firefox was none. I have truetype turned on.

This only happens in FIrefox. Not Safari or IE. This is clearly a firefox issue on Windows. I'm not seeing it on my macs.

more options

The actual problem (atleast for me and a few others) is due to a windows update kb2670838. This update applies performance patches to Direct2D, 3D, and Write related components. The reason disabling usage of Direct2D or hardware acceleration fixes it is because its simply not using those Direct___ functions anymore.

In the Update history, 2670838 is listed as: Platform update for Microsoft Windows (KB2670838) In the Installed updates, 2670838 is listed as: Update for Microsoft Windows (KB2670838)

Again, uninstalling this update solved the problem for me and a few others, hopefully it will solve your problems correctly as well.

http://support.microsoft.com/kb/2670838

more options

Two things . . . make sure that you search for "Adjust clear type" using a Capital "A". Else, no result. Second, this "kind of" work. Most text is great but my Bookmarks Bar is stll screwed up and that is a real drag. Add this to all the "crashes" I have experienced lately and I am about to go back to IE or Chrome.

more options

Using Firefox 22 on Linux (OpenSuSE 12.3) current with patches - have M$ fonts installed. This page/site doesn't render correctly. It could be their problem, of course. but I'd be interested if others see the same mess.

http://www.medibank.com.au/

Thanks,

-Don

more options

Using FF 22.0 on Win 7. Looked at the site in question (http://www.medibank.com.au) and is fine on my display. See uploaded image.

more options

Hi DonFromOz

Note that the website is downloading fonts via @font-face rules, so make sure that you have enabled this feature (gfx.downloadable_fonts.enabled = true).

Can you attach a screenshot?

Use a compressed image type like PNG or JPG to save the screenshot.

@font-face {
  font-family: "DINWeb";
  font-weight: normal;
  src: url("data:application/x-font-woff;charset=utf-8;base64,...") format("woff");
}
        
@font-face {
  font-family: "MedibankIcons";
  font-style: normal;
  font-weight: normal;
  src: url("data:application/x-font-woff;charset=utf-8;base64,...") format("woff");
}
        
@font-face {
  font-family: "BreeMedibankWeb";
  font-style: normal;
  font-weight: normal;
  src: url("data:application/x-font-woff;charset=utf-8;base64,...") format("woff");
}