Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

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.

Avatar for Username

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

This thread was archived. Jei jums reikia pagalbos, užduokite naują klausimą.

Embedded font distorted only in Firefox 4.0.1

  • 3 replies
  • 6 have this problem
  • 2 views
  • Paskiausią atsakymą parašė jaffy

jaffy
jaffy
more options

I'm finishing up a Wordpress website that uses Eurostile as an embedded font. It shows up beautifully in all browsers except Firefox 4.0.1 (OSX, and I'm assuming in Windows also, but on a mac, so can't check). In FF4.0.1, the navigation and section headings are completely mangled! I'm pretty sure something with the font is the problem, because when I comment out the @font-face statement in my CSS, the nav and headings render fine, but if the file was corrupt, I'd expect to see this problem show up cross-browser.

I've gone through and cleared the cache, started FF in safe mode, checked the minimum font setting is "none" and all the other standard suggestions, but the problem persists.

I've been banging away at this for days - any help is much appreciated!

I'm finishing up a Wordpress website that uses Eurostile as an embedded font. It shows up beautifully in all browsers except Firefox 4.0.1 (OSX, and I'm assuming in Windows also, but on a mac, so can't check). In FF4.0.1, the navigation and section headings are completely mangled! I'm pretty sure something with the font is the problem, because when I comment out the @font-face statement in my CSS, the nav and headings render fine, but if the file was corrupt, I'd expect to see this problem show up cross-browser. I've gone through and cleared the cache, started FF in safe mode, checked the minimum font setting is "none" and all the other standard suggestions, but the problem persists. I've been banging away at this for days - any help is much appreciated!

Modified by jaffy

All Replies (3)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

It's strange that it looks perfectly normal with JavaScript disabled (I use the NoScript add-on), but when I enable scripting, the font is substituted (or it's attempted) and... not so good (on Windows 7).

I don't know enough about how @font-face works to help track down the problem. You can find more web development help on the mozillaZine Web Development board. Separate forum, separate registration. Please note the tips in the Sticky Post at the top of the forum before posting.

jaffy
jaffy Klausimą uždavęs asmuo
more options

Thanks jscher2000, I appreciate you replying! I tried disabling JS too, but the problem still persisted for me. I'll try the forums you suggested too, but would still love any help from anyone in here!

jaffy
jaffy Klausimą uždavęs asmuo
more options

In case anyone else encounters the same issues, I ended up using a substitute font that was almost identical to what I'd used in the design. Shame, really, but I'm relieved I could find a stand-in!