Join us and the lead editor of IRL, Mozilla's multi-award-winning podcast, for a behind-the-scenes look at the pod and to contribute your ideas for the next season, themed: "AI and ME." Mark your calendar and join our Community Call on Wednesday, Aug 7, 17:00–17:45 UTC. See you there!

Avatar for Username

Iskanje po podpori

Izogibajte se prevarantski tehnični podpori. Nikoli vam ne bomo naročili, da pokličete telefonsko številko ali nam pošljete osebne podatke. Sumljivo dejavnost prijavite z gumbom »Prijavi zlorabo«.

Več o tem

Ta tema je arhivirana. Postavite prosim novo vprašanje, če potrebujete pomoč.

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

  • 3 odgovori
  • 5 ima to težavo
  • 9 ogledov
  • Zadnji odgovor od squidytopia

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?

Vsi odgovori (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 Lastnik vprašanja
more options

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