css - descargar - no me funciona font awesome
Fontawesome no funciona cuando es servido por IIS (8)
FontAwesome no funciona para mí cuando coloco mi aplicación en el servidor IIS7.
En Firefox, la URL solicitada está codificada en http://l2etest.kema.intra/fonts/fontawesome-webfont.ttf%3Fv=4.0.3
y obtengo 404. ¿Cuándo cambio %3F
a ?
todo funciona bien
Lo mismo sucede en IE, pero la solicitud va a eot fuente.
Esto es lo que tengo en CSS (igual que en la página FontAwesome):
@font-face {
font-family: ''FontAwesome'';
src: url(''../fonts/fontawesome-webfont.eot?'');
src: url(''../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3'') format(''embedded-opentype''), url(''../fonts/fontawesome-webfont.woff?v=4.0.3'') format(''woff''), url(''../fonts/fontawesome-webfont.ttf?v=4.0.3'') format(''truetype''), url(''../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular'') format(''svg'');
font-weight: normal;
font-style: normal;
}
Creo que el problema es que IIS codifica las URL y en lugar de solicitar ... ../fonts/fontawesome-webfont.eot?
la solicitud va a ../fonts/fontawesome-webfont.eot%3F
.
Por favor, no sugiera eliminar ''?'' o ''#'' de las URL. Están allí a propósito y son esenciales. La pregunta es cómo hacer que IIS no codifique las URL de esa manera. Cualquier pista será apreciada.
Editar : Por cierto. la situación anterior ocurre cuando en web.config establezco requestValidationMode y requestPathInvalidCharacters:
<httpRuntime shutdownTimeout="360" maxRequestLength="102400" enable="true" requestValidationMode="2.0" requestPathInvalidCharacters="" />
Sin él obtengo 400 (solicitud incorrecta): se detectó un valor Request.Path potencialmente peligroso desde el cliente (?)
¿Cómo puedo arreglar IIS para que sirva la fuente correctamente?
Edit2 : OK, encontré la causa del problema. La herramienta SquishIt bundling para MVC3 estaba cambiando esos caracteres. Cuando excluyo font-awesome.css del paquete todo funciona bien.
Jugar con el servidor IIS es arriesgado, en lugar de probar otro truco que fue 100% exitoso.
Paso 1
Cambie el nombre de los nombres de los archivos de fuentes agregando .jpg al final de los archivos.
fontawesome-webfont.eot.jpg (del mismo modo)
A continuación, cambie los tipos de archivo en las líneas de representación de fuentes fontawesome.css
*/@font-face{font-family:''FontAwesome''; src:url(''../fonts/fontawesome-webfont.eot.jpg?v=4.0.3''); src:url(''../fonts/fontawesome-webfont.eot.jpg?#iefix&v=4.0.3'') format(''embedded-opentype''),url(''../fonts/fontawesome-webfont.woff.jpg?v=4.0.3'') format(''woff''),url(''../fonts/fontawesome-webfont.ttf.jpg?v=4.0.3'') format(''truetype''),url(''../fonts/fontawesome-webfont.svg.jpg?v=4.0.3#fontawesomeregular'') format(''svg'');
La herramienta SquishIt bundling para MVC3 codificaba en URL las rutas de las fuentes, así que ... ../fonts/fontawesome-webfont.eot?
en el archivo css se cambió a ../fonts/fontawesome-webfont.eot%3F
. Esto normalmente devuelve 400, porque% 3F se considera inseguro. Si configura requestPathInvalidCharacters=""
entonces% 3F se considera seguro, pero obviamente no hay ningún archivo `` ../ fonts / fontawesome-webfont.eot% 3F`, por lo tanto, 404.
Eliminé fontawesome.css del paquete y todo funciona bien.
Puede abrir IIS, señalar su sitio web, en la sesión IIS , seleccionar Tipos MIME . Después de que se muestre la vista Tipos de Mime, haga clic en Agregar -> En diálogo:
- Extensión de nombre de archivo: .woff
- Tipos MiME: application / x-font-woff
haga clic en Aceptar.
Hecho.
Esta respuesta no es para el problema anterior, sino para aquellos que enfrentan un error similar pero debido a una razón diferente y aterrizan en este hilo.
Me enfrenté a un problema similar, pero más tarde descubrí que IIS estaba tratando de buscar fuentes asombrosas woff, eot archivos en la carpeta MyIpAddress/fonts/fontawesome-webfont.woof
pero tenía los archivos en una carpeta diferente. Moviendo el fontawesome-webfont.eot, fontawesome-webfont.svg,fontawesome-webfont.ttf, fontawesome-webfont.woff
a mi carpeta de fuentes resuelto mi problema
para mí solo agregar el enlace CDN de arranque resolvió el problema
para tu página:
<head>
...
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
...
</head>
Si está utilizando CodeIgniter en IIS7:
En su archivo web.config, agregue woff al patrón
<rule name="Rewrite CI Index"> <match url=".*" /> <conditions> <add input="{REQUEST_FILENAME}" pattern="css|js|jpg|jpeg|png|gif|ico|htm|html|woff" negate="true" /> </conditions> <action type="Rewrite" url="index.php/{R:0}" /> </rule>
Espero eso ayude !
Cambié de woff2 a woff y todo fue bien.
¿Por qué @ font-face arroja un error 404 en los archivos woff?
Agregue los tipos MIME en la configuración web :
<system.webServer>
<staticContent>
<remove fileExtension=".woff" /> <!-- In case IIS already has this mime type -->
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
</staticContent>
</system.webServer>