css - ttf - @ font-face falló la verificación de permiso de incorporación de OpenType. El permiso debe ser instalable

incrustar fuente html 5

Question

Esta excepción ocurre aquí. Puedes reproducirlo en IE11. Hasta ahora no he encontrado la causa del problema. ¿Alguna idea de por qué esto está siendo causado?

CSS3114: @ font-face falló la verificación de permiso de incorporación de OpenType. El permiso debe ser instalable. Archivo: 53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf

El sitio web se ejecuta en la plataforma Azure Websites y utiliza ASP.NET MVC 5.

Answer 1

IE no es compatible. Simplemente utiliza archivos de fuentes .eot

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

}

Answer 2

La respuesta de sibaspage me indicó la dirección correcta. Pero todavía veo el mensaje de error en IE11. Para mí funcionó con la siguiente sintaxis:

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

Answer 3

Se corrigió añadiendo

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

debajo

 <system.webServer>

en web.config.

Editar:

para evitar cualquier problema con las versiones posteriores, recomiendo hacer esto:

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