web-dev-qa-db-fra.com

font-face ne fonctionne pas dans IE dix

Je n'ai absolument aucun succès à obtenir IE 10 d'afficher des polices personnalisées. Quelqu'un d'autre a-t-il une solution à cela? Je vois quelques exemples sur le net signalant que d’autres ont des problèmes de polices dans IE 10, mais aucune solution ni aucun bogue confirmé n’a été trouvé.

Quelqu'un avec la même expérience ou solution?

C’est ce que j’ai pour le moment et cela fonctionne bien dans IE avant 10, Chrome et Safari:

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

<!--[if IE]>
<style type="text/css">
@font-face {
    font-family: "LCD";
    src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.eot');
}
</style>
<![endif]-->

J'ai essayé de remplacer par des fichiers de polices dans d'autres formats tels que woff, ott, etc., mais je n'ai aucune chance avec cela.

La réponse qui faisait allusion à font-squirrel l'a fait fonctionner. Le balisage de travail (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;
}
font-faceinternet-explorer-10
9
Jesper R. Hansen

Je suppose que cela se trouve dans un fichier HTML, à cause des commentaires HTML et des éléments de style ... sinon, examinez-le.

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

7
adam-asdf

Est-il possible que IE10 ne rende pas les polices Web si le mode de sécurité est activé? Après la désactivation (options Internet - sécurité), mes sites Web étaient affichés correctement ...

7
domaleo

J'avais le font-squirrel @ font-face dans tout sauf IE, mais mon problème était que le .woff était la seule chose qui ne soit pas incluse dans IIS mime-types sur mon serveur. Cela pourrait aider quelqu'un qui s'est également retrouvé sur cette question.

2
Iain M Norman

Je viens de rencontrer un client qui a déclaré qu'il était incapable de voir la webfont sur son site Web. En fin de compte, le niveau de sécurité "Élevé" (dans les options IE) bloque les polices Web par défaut. Vous pouvez créer un niveau de sécurité personnalisé qui est fondamentalement "Élevé" mais qui active toujours les polices Web. Ou simplement baisser à moyen-élevé.

1
user3416448

Il faut ajouter que le générateur de fontface ne résout pas ce problème pour all fonts. Lors de l'utilisation de la police Helvetica Neue Medium Condensed (HelveticaNeueLTW1G-MdCn), par exemple. J'utilise plusieurs polices sur un site Web. Ils fonctionnent tous avec le générateur de fontface, à l'exception de Helvetica-font.

0
Marcoz

La fonte-face non mise à jour le IE 10 -> référence , vous pouvez l'utiliser même IE-9

vous pouvez apprendre à utiliser font-face ici

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

0
A1Gard

Je l'ai utilisé ici: http://www.impressivewebs.com/ie10-css-hacks/

Plus précisement:

@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  
}

En l'utilisant, nous pouvons simplement insérer une police alternative Nice et continuer à avoir des rapports sexuels dans les autres navigateurs avec des polices ouvertes.

Essayez les polices ici: http://cssfontstack.com

0
Alex Stewart