Search code examples
firefoxbrowserfontsfont-face

Firefox Font Bleeding

I'm using Ostrich Sans Bold for one of my headings. It renders nicely in every browser except Firefox (latest version).

Edit: Is there a way to have it render properly in Firefox? Or do I have to choose another style of typeface?

Here is an example (FF on top, chrome on bottom):

Example.

I am using @font-face in my CSS.

Solution

  • Are you perhaps not declaring this as a bold font in your @font-face rule, causing synthetic bolding to be applied? Make sure the @font-face rule has font-weight: bold in it.

    Also make sure that Firefox is not zoomed to a non-unit zoom on that page.

    Past that, it's hard to say without seeing the actual site involved...