IE 11 “pare-balles” font-face et de revenir polices qui ne sont pas de travail

Je vais avoir des problèmes avec mes polices dans IE11. J'ai utilisé les éléments suivants font-face qui fonctionne dans Chrome, Safari et Firefox mais pas sous IE.

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

J'ai donc ajouté des réserves

font-family: 'Avenir', 'Arial Narrow', 'sans-serif';

qui fonctionnent réellement pour IE 11 sur ma machine mais pas sur un collègue IE 11. Alors maintenant, je suis vraiment perplexe.

Je ne suis certainement pas un vieux pro à ce genre de choses donc toutes les suggestions sont grandement appréciés!

Si vous frappez la touche F12, recharger la page, et de regarder les Outils F12' onglet de la Console, vous voyez des messages d'erreur?
Oui, elle dit @font-face manqué OpenType l'incorporation de vérification des autorisations. L'autorisation doit être Installable. Fichier: avenirnextltpro-mediumcn.ttf. Dois-je enlever la .ttf pour IE?
IE ne pas utiliser une TTF fichier, à moins que le "Installable" indicateur est défini dans la police (ce qui n'est généralement pas, sauf si la police est spécifiquement autorisé à permettre une telle utilisation). Toutefois, le fichier WOFF devrait fonctionner très bien-- voyez-vous que le téléchargement dans les outils de Réseau?
Je vois la .woff fichier mais il a un 404 résultat.
Donc, votre première étape devrait être de télécharger le fichier WOFF à la bonne place. Si le fichier est là où il est censé être, vous devez configurer votre serveur afin qu'il sert ce type MIME (certains serveurs IIS peut pas servir des fichiers de types MIME qui ne sont pas connus pour le serveur).

OriginalL'auteur Holbrook Travel | 2014-01-10

  1. 1

    C'est une grande ressource pour la configuration des polices. Dire le type de police que vous voulez, ce que les styles, télécharger le zip et copier la config:

    https://google-webfonts-helper.herokuapp.com/fonts

    OriginalL'auteur Eric Soyke

  2. 0

    Je ne suis pas sûr si IE 11 prend désormais en charge d'autres formats de police comme .woff, mais ma meilleure supposition est que vous devez en ajouter un autre .eot police pour IE9+ que vous avez seulement ajouté .eot police pour les versions IE 6-8. Voir ci-dessous.

    votre code:

    src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'); /** IE6-IE8 **/

    essayer et de le mettre à jour comme ceci:

    src: url('fonts/avenirnextltpro-mediumcn.eot'); /** IE9 Compat Modes **/
src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    OriginalL'auteur md27