Αυτός ο ιστότοπος θα έχει περιορισμένη λειτουργικότητα, όσο εκτελούμε εργασίες συντήρησης για να βελτιώσουμε την εμπειρία σας. Αν ένα άρθρο δεν επιλύει το ζήτημά σας και θέλετε να κάνετε μια ερώτηση, η κοινότητα υποστήριξής μας είναι έτοιμη να σας βοηθήσει στο Twitter (@FirefoxSupport) και στο Reddit (/r/firefox).

Avatar for Username

Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά κατάχρησης».

Μάθετε περισσότερα

Αυτό το νήμα αρχειοθετήθηκε. Παρακαλούμε κάντε νέα ερώτηση αν χρειάζεστε βοήθεια.

@font-face cannot work in the Firefox but work on other browsers.

  • 5 απαντήσεις
  • 19 έχουν αυτό το πρόβλημα
  • 1 προβολή
  • Τελευταία απάντηση από LittPi

LittPi
LittPi
more options

I have made a website and it is using some custom font that requires @font-face for styling. I have used Internet Explorer, Firefox and Chrome to check if the CSS script is functioning and I have found that it is functioning well, except Firefox.

I have tried to find any resources or issues about it but it seems difficult. Is there any web programmers who know about this issue?

The following is the code:

@font-face { font-family: Yesteryear; src: url("font/Yesteryear-Regular.woff"); }

I have made a website and it is using some custom font that requires @font-face for styling. I have used Internet Explorer, Firefox and Chrome to check if the CSS script is functioning and I have found that it is functioning well, except Firefox. I have tried to find any resources or issues about it but it seems difficult. Is there any web programmers who know about this issue? The following is the code: @font-face { font-family: Yesteryear; src: url("font/Yesteryear-Regular.woff"); }

Επιλεγμένη λύση

To all people who have helped me in this topic, thanks so much. I have found what is the problem is... Actually the Firefox does not support the EOT file type and make the whole @font-face destructed. I have removed it and only putting WOFF file in the CSS and it works now.

Thanks so much.

Ανάγνωση απάντησης σε πλαίσιο 👍 2

Όλες οι απαντήσεις (5)

Diego Victor
Diego Victor
more options

Hello,

This code are in a external file or inner the html page?

Try use simple ' instead a double " . Also try put the font file in same directory of the page.

The sintax of the call is correct, maybe another part of the code is wrong, missing some ;,etc...

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

Do you see any errors about downloading this font in the Browser Console (Firefox/Tools > Web Developer)?

LittPi
LittPi Ιδιοκτήτης ερώτησης
more options

Diego: It is an external CSS file and I have tried to put the font in the same directory but it is still not working. Also I have used the W3C CSS validator to check but nothing found.

cor-el: I have checked the web console and have just found an error for applying EOT file, which is used on IE. In fact, I have applied WOFF, TTF and EOT files.

For the error got: downloadable font: invalid version tag (font-family: "Yesteryear" style:normal weight:normal stretch:normal src index:0) source: http://littpi.net/font/Yesteryear-Regular.eot style.css

downloadable font: rejected by sanitizer (font-family: "Yesteryear" style:normal weight:normal stretch:normal src index:0) source: http://littpi.net/font/Yesteryear-Regular.eot

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

You can try to check the font.

LittPi
LittPi Ιδιοκτήτης ερώτησης
more options

Επιλεγμένη λύση

To all people who have helped me in this topic, thanks so much. I have found what is the problem is... Actually the Firefox does not support the EOT file type and make the whole @font-face destructed. I have removed it and only putting WOFF file in the CSS and it works now.

Thanks so much.