@ font-face ne fonctionne pas sur chrome ou firefox

Cela a été le cas sur un certain nombre de sites que j'ai développés récemment et je suis complètement confus pourquoi. Aucune des autres réponses sur Stack Overflow ne semble m'aider, ni aucune autre ressource trouvée sur google semble avoir une réponse pour moi. Je pense que je fais quelque chose de stupide, mais quoi?@ font-face ne fonctionne pas sur chrome ou firefox

Voici le site que je suis actuellement frustré par: http://atonea.com/csj/

Il ne fonctionnera pas sur Chrome ou Firefox, mais il fonctionnera sur Safari. Ce qui n'a tout simplement aucun sens pour moi.

Source

2013-04-13 AtlasOnEarth

Outils de développement dit 'http://atonea.com/csj/fontt/GILLUBCD.ttf 404 NOT Found' - laissez aussi' @ font-face' aller au début de votre CSS. – Rishabh

Vous pouvez créer plusieurs fichiers pour les polices que vous avez utilisées dans vos pages Web. De cette façon, vous pouvez le faire fonctionner sur tous les principaux navigateurs. pour générateur voir http://www.fontsquirrel.com/tools/webfont-generator – Adrian

Vous êtes seulement dont le format .ttf qui est pour certaines versions de WebKit, notamment à la place des formats de polices multiples pour le support multi-navigateur:

@font-face { 
font-family: 'MyWebFont'; 
src: url('webfont.eot'); /* IE9 Compat Modes */ 
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('webfont.woff') format('woff'), /* Modern Browsers */ 
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

Vous devez également ajouter la règle @font-face avant de l'utiliser sur Tout élément ..

Source

2013-04-13 03:50:01

Ça a marché, mais je ne comprends pas pourquoi. Comment l'ajout de plusieurs formats permet-il soudainement à Chrome de l'accepter? Était-ce juste le chrome cherchait un format qui n'était pas là? – AtlasOnEarth

Vous devez ajouter votre police avant de la déclarer. Placez donc votre police au début de votre css.

Source

2013-04-13 03:48:42 Stephen

Je l'avais à l'origine, pas de différence. Vous pouvez le vérifier maintenant. – AtlasOnEarth

@ font-face ne fonctionne pas sur chrome ou firefox

Répondre

Questions connexes