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
This happened
Every time Firefox opened
This started when...
Not sure exactly, my firefox updated a day or two ago
Installed Plug-ins
Currently none, just removed firefox, preferences and caches and re-installed to see if it would fix the problem.
Application
- 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
More Information
Reset Firefox to its default state
If you're having major problems which you can't resolve, start fresh with only your essential information.
Troubleshooting 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.
Application Basics
Name
Firefox
Version
14.0.1
User Agent
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:14.0) Gecko/20100101 Firefox/14.0.1
Profile Folder
Enabled Plugins
about:plugins
Build Configuration
about:buildconfig
Crash Reports
about:crashes
Memory Use
about:memory
Extensions
Name
Version
Enabled
ID
Adobe Acrobat - Create PDF1.1falseweb2pdfextension@web2pdf.adobedotcom
Important Modified Preferences
Name
Value
browser.cache.disk.capacity1048576browser.cache.disk.smart_size.first_runfalsebrowser.cache.disk.smart_size_cached_value1048576browser.places.smartBookmarksVersion4browser.startup.homepage_override.buildID20120713134347browser.startup.homepage_override.mstone14.0.1extensions.lastAppVersion14.0.1network.cookie.prefsMigratedtrueplaces.history.expiration.transient_current_max_pages104858privacy.sanitize.migrateFx3Prefstrue
Graphics
Vendor ID0x1002Device ID0x6741WebGL RendererATI Technologies Inc. -- ATI Radeon HD 6750M OpenGL Engine -- 2.1 ATI-7.18.18GPU Accelerated Windows0
AzureBackendquartz
JavaScript
Incremental GC
1
Library Versions
Expected minimum versionVersion in useNSPR4.94.9NSS3.13.5.0 Basic ECC3.13.5.0 Basic ECCNSS Util3.13.5.03.13.5.0NSS SSL3.13.5.0 Basic ECC3.13.5.0 Basic ECCNSS S/MIME3.13.5.0 Basic ECC3.13.5.0 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
- http://www.creativetechs.com/iq/garbled_fonts_troubleshooting_guide.html
You can check the gfx.downloadable_fonts.* prefs on the about:config page.
Question owner
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.
