IE9 @font-face a rencontré une erreur inconnue

Je vais avoir un problème avec @font-face sur IE9 (windows 7). IE 8 sur XP et tous les navigateurs sur mac me donner pas de probs. Juste IE9.

Je suis l'incorporation de ma police comme suit:

@font-face {
    font-family: 'wendy_lpregular';
    src: url('../fonts/wendylpstd-medium.eot');
    src: url('../fonts/wendylpstd-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/wendylpstd-medium.woff') format('woff'),
         url('../fonts/wendylpstd-medium.ttf') format('truetype'),
         url('../fonts/wendylpstd-medium.svg#wendy_lpregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Il ne veut pas rendre la police et me donne l'erreur suivante dans la console:

CSS3111: @font-face encountered unknown error. 
wendylpstd-medium.eot

J'ai une autre police qui je suis incorporation - et il s'affiche correctement. Ce qui pourrait être à l'origine du jamais fantastique IE9 pour pleurer sur cette?

Avez-vous convertir ces polices vous-même?
Oui, par le biais de la police de l'écureuil
Avez-vous essayé toute autre police de convertisseurs?
J'ai essayé convertfonts dot com . Le seul autre que j'ai pu trouver était fontface.codeandmore dot com et qui est un service payant
Alright. Cela semble être un un peu la question commune. Jeter un coup d'oeil.

OriginalL'auteur Fraser | 2013-04-12

  1. 2

    Et maintenant, à notre principal point d' - le "CSS3111: @font-face a rencontré une erreur inconnue". Cette erreur est très ambiguë. Si vous avez un coup d'oeil à MSDN encore, vous allez voir la description dit: "Un problème inconnu a été rencontré avec le "Web Open font Format (WOFF)", et "polices Embedded OpenType (EOT)" des Feuilles de Style en Cascade (CSS) de la police". "Problème inconnu" ne semble pas trop bon pour moi - comment suis-je censé résoudre un problème inconnu? Heureusement que nous sommes donné un indice ici. Il dit: "Vérifier la source de la police". En effet, CSS3111 est généralement causé par un problème avec la police de la source binaire. L'un des populaires en ligne TTF à l'EOT convertisseurs par exemple produit EOT fichiers avec un NOM de table qui n'est pas conforme aux normes de Microsoft, ce qui entraîne la fin de la BANDE des polices qui ne chargez jamais dans IE et de produire de l'CSS3111 erreur. Donc, lorsque vous rencontrez un CSS3111, il est toujours bon d'essayer d'utiliser un autre TTF à l'EOT convertisseur ou face à la police générateur.

    Source: http://www.marinbezhanov.com/web-development/16/how-to-embed-webfonts-properly-and-how-to-solve-the-ambiguous-css3111-font-face-encountered-unknown-error/

    J'ai fait comme toi : googlé 'CSS3111: @font-face a rencontré une erreur inconnue.' .. est venu à la même conclusion que vous.
    ouais c'est une bonne approche, toujours à la recherche pour le numéro d'erreur. du bon travail.
    Yoda, jetez un oeil à ceci : google.ca/...

    OriginalL'auteur Siddharth Pandey

  2. 1

    Vous devez convertir votre police en base64.

    1. Utilisation ce violon pour convertir votre woff fichier de police à base 64.

    2. L'utilisation de la sortie à partir de l'étape 1 dans votre fichier CSS comme ceci:

      src: url(data:application/x-font-woff;charset=utf-8;base64, [base 64 value from step 1 without brackets] ) format('woff');

    Le résultat final devrait ressembler à quelque chose comme cela, où your base64 est la valeur à partir de l'étape 1:
    IE9 @font-face a rencontré une erreur inconnue

    Bonne chance!

    Bien qu'il semble bizarre qu'il ne fait le travail, mais malheureusement il est ensuite arrêté la police de travailler dans Firefox et Chrome.
    jamais vérifié, mais je suppose laissant woff url avant, ou après base64 solution qui pourrait fonctionner.
    Semble que c'était un voleur .eot police qui était à l'origine de Firefox question - supprimé et que maintenant il fonctionne très bien, merci!

    OriginalL'auteur nikoloza

  3. 0

    essayez d'utiliser un ligne simple de définir font-face dans votre css, et l'utilisation absolue url, par exemple

    @font-face{
    font-family:'wendy_lpregular';
    src:url('your-web.com/fonts/wendylpstd-medium.eot');
    src:url('your-web.com/fonts/wendylpstd-medium.eot?#iefix') format('embedded-opentype'),
    url('your-web.com/fonts/wendylpstd-medium.woff') format('woff'),
    url('your-web.com/fonts/wendylpstd-medium.ttf') format('truetype'),
    url('your-web.com/fonts/wendylpstd-medium.svg#GothamRM') format('svg')
}

    Vérifier si vous pouvez ouvrir dans IE le fichier (your-web.com/fonts/wendylpstd-medium.woff), Si vous recevez l'erreur 404 aller dans IIS, double-cliquez sur le "type MIME" l'option de configuration tout en ayant IIS nœud racine sélectionné dans le panneau de gauche et cliquez sur "Ajouter..." lien dans le panneau Actions, sur la droite. Cela fera apparaître la boîte de dialogue suivante. Ajouter .woff extension de fichier et de préciser "application/x-font-woff" que le type MIME

    - Je utiliser ce instrucctions dans ce site ( Robòtica educativa ), - je convertir mon original .police ttf (http://www.font2web.com/)

    OriginalL'auteur Gabri