We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Pretraži podršku

Izbjegni prevare podrške. Nikad te nećemo tražiti da nas nazoveš, da nam pošalješ telefonski broj ili da podijeliš osobne podatke. Prijavi sumnjive radnje pomoću opcije „Prijavi zlouporabu”.

Saznaj više

Ova tema je arhivirana. Postavi novo pitanje ako trebaš pomoć.

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

  • 3 odgovora
  • 5 ima ovaj problem
  • 9 prikaza
  • Posljednji 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?

Svi 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 Vlasnik pitanja
more options

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