Faire fonctionner les polices Adobe avec CSS3 @font-face dans IE9

Question

Je suis en train de construire une petite application intranet et j'essaie, sans succès, d'utiliser Police Adobe J'ai acheté récemment. Comme on me l'a dit, dans notre cas, il ne s'agit pas d'une violation de licence.

J'ai converti les versions .ttf/.otf de la police en .woff, .eot et .svg, afin de cibler tous les principaux navigateurs. La syntaxe @font-face que j'ai utilisée est essentiellement la syntaxe éprouvée de Police Spring :

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot');
    src: url('myfont-webfont.eot?#iehack') format('eot'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

J'ai modifié les en-têtes HTTP (ajouté Access-Control-Allow-Origin = "*") pour permettre les références inter-domaines. Dans FF et Chrome, cela fonctionne parfaitement, mais dans IE9 j'obtiens :

CSS3111: @font-face encountered unknown error.  
myfont-webfont.woff
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
myfont-webfont.ttf

J'ai remarqué que lors de la conversion d'une police de .ttf/.otf en .woff, j'obtiens également un message d'erreur. .afm mais je n'ai pas la moindre idée si c'est important ou non...

Des idées pour résoudre ce problème ?

[Modifier] - J'héberge mes sites web (y compris les polices de caractères, mais dans un répertoire et un sous-domaine distincts pour le contenu statique) à l'adresse suivante IIS 7.5

Answer 1

Je peux seulement vous expliquer comment corriger l'erreur "CSS3114".
Vous devez modifier le niveau d'intégration de votre fichier TTF.

En utilisant les outil vous pouvez le régler sur encastrement autorisé .
Pour une version 64 bits, consultez le site de @user22600. respuesta .

Answer 2

Vous devez définir le format de la police ie sur "embedded-opentype" et non "eot". Par exemple :

src: url('fontname.eot?#iefix') format('embedded-opentype')

Answer 3

J'ai obtenu l'erreur suivante :

CSS3114 : La vérification de l'autorisation d'intégration d'OpenType a échoué pour @font-face. L'autorisation doit être Installable.
nom de la police.ttf

Après avoir utilisé le code ci-dessous, mon problème a été résolu.....

src: url('fontname.ttf') format('embedded-opentype')

Merci de m'avoir aidé !
A la vôtre,
Renjith.

Answer 4

Essayez ceci, ajoutez ces lignes dans le web.config.

<system.webServer>
  <staticContent>
     <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
  </staticContent>
</system.webServer>

Answer 5

Il est vrai qu'IE9 exige que les polices TTF aient les bits d'incorporation définis sur Installable. Le générateur le fait automatiquement, mais nous bloquons actuellement les polices Adobe pour d'autres raisons. Nous pourrions lever cette restriction dans un avenir proche.