J'utilise la police Fontawesome sur une application OSSM, je suis en cours d'exécution et je ne peux pas sembler avoir passé le désinfectant de polices de Firefox.
Les fichiers sont tous servis dans le même domaine, les chemins sont corrects et j'utilise le CSS officiel de Fontaweomeome qui travaille dans Firefox lorsqu'il est servi via leur site et les documents locaux. P>
Je dois manquer quelque chose de simple. P>
URL en direct: https://bmark.us P >
[11:39:02.945] downloadable font: invalid version tag (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0) source: http://127.0.0.1:6543/static/font/fontawesome-webfont.eot @ http://127.0.0.1:6543/static/css/responsive.css [11:39:02.945] downloadable font: rejected by sanitizer (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0) source: http://127.0.0.1:6543/static/font/fontawesome-webfont.eot @ http://127.0.0.1:6543/static/css/responsive.css
5 Réponses :
a) Êtes-vous sûr que votre serveur dispose des types MIME définis pour Eot / Woff / TTF / SVG ?? B) On dirait que vous rencontrez un problème avec l'EOT. cela pourrait être expliqué par le fait que Firefox ne soutient pas les EOT; Il utilise Woff et TTF. C) Avez-vous essayé de déboguer avec les outils de développeurs natifs de Firebug ou Firefox? D) Pouvez-vous publier votre (pertinent) CSS et HTML?
Merci, c'était un problème de deux parties. La deuxième partie vient en premier. L'échantillon CSS de Fontawesome.SSS utilise des guillemets simples autour des chemins des différents formats de police. Quand j'ai dirigé mon constructeur SCSS sur eux, il les a dépouillés. Ils devaient être doubles citations. Comme il n'y avait pas de citations, FF a échoué à analyser le SRC: Bit. Puisqu'il a échoué que cela n'avait eu que le SRC: ..EOT qui est destiné à être d'avoir et cela n'a pas fonctionné à FF. Changer les citations aux citations doubles rendez tout heureux.
En fait, dans Firefox, l'en-tête de type de contenu est ignoré. développeur.mozilla.org/en-us/docs / Web / CSS / @ Font-Face # Notes
Merci, c'était un problème de deux parties.
La deuxième partie vient en premier. L'échantillon CSS de Fontawesome.SSS utilise des guillemets simples autour des chemins des différents formats de police. Quand j'ai dirigé mon constructeur SCSS (PYSCSS) sur eux, il les a dépouillés. Ils devaient être doubles citations.
Comme il n'y avait pas de citations, FF a échoué à analyser le bit SRC: URL (...). Puisqu'il a échoué que cela n'avait eu que le SRC: ..EOT qui est destiné à être d'avoir et cela n'a pas fonctionné à FF.
Changer les citations aux citations doubles rendez tout heureux.
C'est donc de ma faute à l'aide de PYSCSS et à un analyseur qui a fini par casser la syntaxe de Firefox.
merci Matt pour m'aider à me rapprocher de cette .
J'ai eu les mêmes erreurs mais les citations n'étaient pas une question. Ma solution consistait à ré-convertir les polices du fichier TTF à FontsQuirRel.com/tools/webfont- Générateur puis les reprogrammer. Ensuite, les erreurs ont disparu.
Dans mon cas, il suffisait de placer .eot / .woff / .TTF fichiers dans le même fichier * .war comme autre contenu statique (CSS , png, etc.) est placé. On dirait que FF et IE a trouvé le téléchargement de fichiers de polices d'autres serveurs dangereux.
J'ai couru dans le même problème sur l'un de mes sites Web de mes clients.
@font-face {
font-family: 'SourceSansProBlack';
src: url('http://everythingfonts.com/font/face/HwlUPF6WEeKcF1DlSVDSjg/eot');
src: url('http://everythingfonts.com/font/face/HwlUPF6WEeKcF1DlSVDSjg/eot') format(embedded-opentype),
url('http://everythingfonts.com/font/face/HwlUPF6WEeKcF1DlSVDSjg/woff') format(woff),
url('http://everythingfonts.com/font/face/HwlUPF6WEeKcF1DlSVDSjg/ttf') format(truetype),
url('http://everythingfonts.com/font/face/HwlUPF6WEeKcF1DlSVDSjg/svg') format(svg);
}
Je sais que cela arrive en retard, mais la meilleure option consiste à utiliser des polices-génial du CDN. Vous rencontrerez à peine ce type d'erreur si vous le faites.
Si vous référencez la police à partir d'un fichier externe, commencez les lignes: p>
p>
<head> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> </head