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

Echekwara usoro a. Biko jụọ ajụjụ ọhụrụ ma ọ bụrụ na ị chọrọ enyemaka.

@font-face fine on Firefox 3.6, but messed up layout on Firefox 5

squidytopia
squidytopia
more options

Hi all,

I've been testing a wordpress website that I design using Firefox 3.6. I used the @font-face code in my style.css file and it worked just fine. However, when I upgraded to Firefox 5 just now, the layout was all messed up, just because of that font-face code. It seems like it "disables" all the CSS and therefore the layout looks really bad (like it has no CSS defined at all).

Here is how it supposed to look like (WITHOUT the font face code): http://i213.photobucket.com/albums/cc134/ifgfdallas/Web%20Stuffs/without_fontface.jpg You can also view it live: http://www.ifgfdallas.org

Now, here is how it looks like, all messed-up, when I put the font-face code: http://i213.photobucket.com/albums/cc134/ifgfdallas/Web%20Stuffs/with_fontface.jpg

Anyone has any clues?

Hi all, I've been testing a wordpress website that I design using Firefox 3.6. I used the @font-face code in my style.css file and it worked just fine. However, when I upgraded to Firefox 5 just now, the layout was all messed up, just because of that font-face code. It seems like it "disables" all the CSS and therefore the layout looks really bad (like it has no CSS defined at all). Here is how it supposed to look like (WITHOUT the font face code): http://i213.photobucket.com/albums/cc134/ifgfdallas/Web%20Stuffs/without_fontface.jpg You can also view it live: http://www.ifgfdallas.org Now, here is how it looks like, all messed-up, when I put the font-face code: http://i213.photobucket.com/albums/cc134/ifgfdallas/Web%20Stuffs/with_fontface.jpg Anyone has any clues?

All Replies (3)

the-edmeister
the-edmeister
  • Moderator
more options

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Make sure that you haven't saved that CSS file with a wrong (UTF-16) encoding.

You can check the Tools > Error Console for errors

squidytopia
squidytopia Jụọ onye nwe ya ajụjụ
more options

Thank you so much for replying! I will try those.