web-dev-qa-db-fra.com

@ font-face a échoué à la vérification des autorisations d'intégration avec OpenType. La permission doit être installable

Cette exception se produit ici. Vous pouvez le reproduire dans IE11. Jusqu'à présent, je n'ai pas trouvé la cause du problème. Des idées pourquoi cela est causé?

enter image description here

CSS3114: @ font-face a échoué lors de la vérification de l'autorisation d'intégration avec OpenType. La permission doit être installable. Fichier: 53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf

Le site Web s'exécute sur la plate-forme Web Sites Azure et utilise ASP.NET MVC 5.

csscss3fontsfont-face
42
Jakub Holovsky

Fixé en ajoutant

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

en dessous de

 <system.webServer>

dans web.config.

Modifier:

pour éviter tout problème avec les versions ultérieures, je vous recommande de procéder comme suit:

<staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
</staticContent>
24
Jakub Holovsky

sibaspage answer m'a orienté dans la bonne direction. Mais je vois toujours le message d'erreur dans IE11. Pour moi, cela a fonctionné en utilisant la syntaxe suivante:

@font-face {
   font-family: 'Font-Name';
   src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Font-Name.ttf')  format('truetype');
}
23
Martin

Une autre solution consiste à modifier le fichier de propriétés d’embeddabilité de la police . Clic droit et voir détails onglet:

enter image description here

Si cette propriété n'apparaît pas, vous pouvez utiliser ce service pour l'ajouter. Cela ne fonctionne que pour .ttf fichiers de polices. Mais je suppose qu’il existe d’autres services permettant de modifier d’autres extensions de fichiers de polices.

14
entoniperez

Pour la documentation ou les futurs visiteurs: Dans mon cas, je testais ce problème avec IE11 et . Otf polices, si c'est votre cas, lisez ceci Puis-je utiliser le cas . En gros, cela indique que IE11 ne prend pas en charge certaines polices de caractères .ttf et .otf .

La meilleure solution que j'ai trouvée était de convertir la police .otf en .woff et d'ajouter le code sur la réponse de Jakub Holovsky avec une petite modification.

<staticContent>
  <remove fileExtension=".woff" />
  <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>
0
davidrl1000