css - ttf - Font Face no funciona en IIS 8.0

mime type woff

Question

Tengo una fuente en mi programa generada a partir de Font Squirrel. Simplemente no puedo hacer que funcione en IIS, funciona en localhost. Agregué el article application / font-woff a mis tipos MIME pero todavía no quiere funcionar.

Context
--Fonts
----font location
--css files

CSS

@font-face {
font-family: ''wallStreetFont'';
src: url(''Fonts/subway-webfont.eot'');
src: url(''Fonts/subway-webfont.eot?#iefix'') format(''embedded-opentype''),
url(''Fonts/subway-webfont.woff2'') format(''woff2''),
url(''Fonts/subway-webfont.woff'') format(''woff''),
url(''Fonts/subway-webfont.ttf'') format(''truetype'');
font-weight: normal;
font-style: normal;
}

EDITAR MIME ACTUAL

Estoy usando la fuente MIME IIS 8 predeterminada / x-woff

Answer 1

¡Es genial ver que WOFF2 se incluye en las fuentes Font Squirrel! Si bien IIS 8 no necesita un tipo mime agregado para WOFF , necesitará uno para WOFF2 . El W3C recommends :

application/font-woff2

Para más información sobre WOFF2 ver here .

Para agregar el tipo mime en IIS, modifique su Web.Config siguiente manera:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<!-- ... -->
<system.webServer>
<!-- ... -->
<staticContent>
<!-- ... -->
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

Answer 2

Para que las fuentes woff y woff2 funcionen correctamente en IIS, debe agregar los siguientes tipos MIME al archivo Web.Config.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<staticContent>
<remove fileExtension=".woff" />
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>

Si aún enfrenta el error 404 en Google Chrome, debe borrar la memoria caché del navegador antes de volver a cargar la página.

Answer 3

Tenga en cuenta que también es posible configurar tipos MIME dentro del Administrador IIS. Simplemente seleccione el sitio web y luego haga doble clic en el icono Tipos MIME debajo de IIS en el panel principal.

A continuación, debería ver una lista de todos los tipos MIME existentes y poder agregar otros nuevos utilizando el enlace Agregar ... en el panel derecho.

Answer 4

Tuve este problema hoy mientras implementaba una solución web de los iconos de la interfaz de usuario Metro4 y cambiaba de la opción CDN a la opción Compilado.

Mi proyecto fue desarrollado usando la plataforma WebSharper, pero la solución es independiente de estos detalles de implementación.

Para resumir, descubrí que tenía que agregar la extensión de archivo, por ejemplo, para .ttf , dentro de la sección de security bajo system.webServer de Web.config .

<security>
<requestFiltering>
<fileExtensions>
<add fileExtension=".ttf" allowed="true" />
</fileExtensions>
</requestFiltering>
</security>

La misma opción de configuración también está disponible en la configuración de la GUI de IIS