9 votes

Font-face ne fonctionne pas dans IE 10

Je n'ai absolument aucun succès pour afficher des polices personnalisées dans IE 10. Quelqu'un d'autre a-t-il une solution pour cela? Je vois quelques mentions sur le net que d'autres ont des problèmes avec leurs polices dans IE 10, mais aucune solution ou bug confirmé ne semble être trouvé.

Quelqu'un a-t-il eu la même expérience ou une solution?

Voici ce que j'ai actuellement, et cela fonctionne bien dans IE avant la version 10, Chrome et Safari:

@font-face {
    font-family: "LCD";
    src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.ttf');
}

J'ai essayé de substituer avec des fichiers de police dans d'autres formats comme woff, ott etc. mais sans succès du tout avec cela.

La réponse qui suggérait font-squirrel a permis de résoudre le problème. Maintenant le balisage fonctionnel (pour IE 10) est le suivant:

@font-face {
    font-family: "LCD";
    src: url('/Public/Fonts/quartz_regular-webfont.eot');
    src: url('/Public/Fonts/quartz_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/Fonts/quartz_regular-webfont.woff') format('woff'),
         url('/Public/Fonts/quartz_regular-webfont.ttf') format('truetype'),
         url('/Public/Fonts/quartz_regular-webfont.svg#quartzregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

7voto

adam-asdf Points 631

Je suppose que ceci est dans un fichier HTML, en raison des commentaires HTML et des éléments de style... sinon, regardez cela.

Au-delà de cela, utilisez simplement le générateur @font-face

7voto

domaleo Points 71

Est-il possible qu'IE10 ne rende pas les polices web si le mode sécurité est activé? Après les avoir désactivés (options internet - sécurité), mes sites web étaient affichés correctement ...

2voto

Iain M Norman Points 1554

J'avais la balise @font-face de font-squirrel qui fonctionnait sur tout sauf IE, mon problème était que le fichier .woff était le seul fichier non inclus dans les types MIME de mon serveur IIS. Cela pourrait aider quelqu'un qui est également tombé sur cette question.

1voto

user3416448 Points 11

Je viens de tomber sur un client qui signalait ne pas pouvoir voir la web police sur son site web. Il s'avère que le niveau de sécurité "Élevé" (dans les options d'IE) bloque les web polices par défaut. Vous pouvez créer un niveau de sécurité personnalisé qui est essentiellement "Élevé" mais qui autorise toujours les polices web. Ou vous pouvez simplement le baisser à moyen-élevé.

0voto

A1Gard Points 2626

La police de caractères n'est pas mise à jour sur IE 10 -> référence , vous pouvez l'utiliser de la même manière que IE-9

vous pouvez apprendre comment utiliser font-face ici

je pense que vous incluez tous les types de police...

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X