Firefox 14.0.1 @font-face displaying most web fonts in bold, even though it works fine on Windows FireFox, IE9, Chrome, and Safari
Have been working with a web site and half of the @font-face web fonts have turned to extreme bold only on Firefox 14.0.1 for Mac OS X, they work fine on windows versions of firefox and all of the other browsers.
My firefox updated a couple days ago, which is when I noticed the problem.
Additional System Details
Every time Firefox opened
This started when...
Not sure exactly, my firefox updated a day or two ago
Currently none, just removed firefox, preferences and caches and re-installed to see if it would fix the problem.
- User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/536.25 (KHTML, like Gecko) Version/6.0 Safari/536.25
Reset Firefox to its default state
If you're having major problems which you can't resolve, start fresh with only your essential information.
This page contains technical information that might be useful when you're
trying to solve a problem. If you are looking for answers to common questions
about Firefox, check out our support website.
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:14.0) Gecko/20100101 Firefox/14.0.1
Adobe Acrobat - Create PDF1.firstname.lastname@example.org
Important Modified Preferences
Vendor ID0x1002Device ID0x6741WebGL RendererATI Technologies Inc. -- ATI Radeon HD 6750M OpenGL Engine -- 2.1 ATI-7.18.18GPU Accelerated Windows0
Expected minimum versionVersion in useNSPR4.94.9NSS184.108.40.206 Basic ECC220.127.116.11 Basic ECCNSS Util3.13.5.03.13.5.0NSS SSL18.104.22.168 Basic ECC22.214.171.124 Basic ECCNSS S/MIME126.96.36.199 Basic ECC188.8.131.52 Basic ECC
Check you didn't change any of the content display preferences on Preferences window, because you can change the default font, and that may affect the way sites are displayer.
Go to Preferences and on Content tab you will be able to change the default font.
You can do a check for corrupted and duplicate fonts and other font issues:
- http://www.thexlab.com/faqs/multipleappsquit.html - Font Book 2.0 Help: Checking for damaged fonts
You can check the gfx.downloadable_fonts.* prefs on the about:config page.
I have gone through all of the normal checks and balances, .htaccess, checking for corrupted fonts, multiple ways of calling the @font-face, css, etc...
The font face is showing up, but with hinting, without hinting, or anything other settings the font is not displaying correctly in Firefox 14.0.1 for Mac OS X. It the only browser we are having problems with. Have tried every format for the fonts.
This is still a problem, on Firefox 19.0 for Mac. I made an icon-font, and the icons all look good in every other browser, but in Firefox they look like they have nearly a 1px border around them the same color as the icon. See attached image (Chrome top, Firefox bottom). When compared to the actual vector shapes, the Chrome render is dead on, but Firefox is much thicker.