Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות באפשרות ״דיווח על שימוש לרעה״.

מידע נוסף

Embedded font distorted only in Firefox 4.0.1

  • 3 תגובות
  • 6 have this problem
  • 2 views
  • תגובה אחרונה מאת 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!

השתנתה ב־ על־ידי jaffy

כל התגובות (3)

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.

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!

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!