X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

Firefox 14.0.1 @font-face displaying most web fonts in bold, even though it works fine on Windows FireFox, IE9, Chrome, and Safari

Posted

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

Marc Sances 22 solutions 242 answers

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.

cor-el
  • Top 10 Contributor
  • Moderator
10740 solutions 96657 answers

You can do a check for corrupted and duplicate fonts and other font issues:


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.

chrismischler 0 solutions 1 answers

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.