El ícono de fuente impresionante no aparece en IE 11, pero se muestra en otros navegadores

Soy nuevo en íconos de fonts geniales. Tengo una página en la que hay un filtro donde el usuario puede buscar los datos. He añadido ícono impresionante de fuente justo antes del enlace de búsqueda (como se muestra en la captura de pantalla siguiente), puedo ver este ícono en todos los navegadores excepto IE 11. Lo curioso es que también tengo este ícono en otras páginas y puedo verlo en IE 11, pero no puedo ver este ícono en esta página (como en la captura de pantalla siguiente).

Aquí está la captura de pantalla de IE 11:

enter image description here

Aquí está la captura de pantalla de Chrome:

enter image description here

¿Puede alguien ayudarme con esto?

Tuve el mismo problema, lo resolví añadiendo esta metaetiqueta como la PRIMERA etiqueta en :

Además, de acuerdo con la documentación oficial , verifique lo siguiente:

Para Internet Explorer : no sirve archivos con opción no-store en el encabezado Cache-control (Ref: # 6454);
Para Internet Explorer y HTTPS : no sirve archivos con opción no-cache en el encabezado Pragma.

IE tiene un problema con @font-face s entregado con HTTP-Header Pragma=no-cache . Más información aquí

Lamentablemente, el problema se marcó como no resolvable pero existen algunas soluciones. El que funcionó para mí fue el uso de un filtro de servlet que evita que se establezca el encabezado de Pragma.

Otras soluciones que no funcionaron para mí:

Font-awesome desaparece después de actualizar para todos los navegadores ie11, ie10, ie9

Los icons increíbles de fonts se vuelven invisibles en IE después de actualizar

Desde la consola IE intenta ejecutar el siguiente script

 $('head').append(''); 

Si funciona, intenta importarlo CDN en lugar de almacenarlo localmente.

Si está utilizando Spring MVC con Spring Security, Spring Security automáticamente no agrega encabezados de caché, por lo que font-awesome se rompe en IE11.

( https://docs.spring.io/spring-security/site/docs/current/reference/html/headers.html#headers-cache-control )

WebMvcConfiguration el problema agregando un ResourceHandler en mi WebMvcConfiguration para font-awesome configurado para permitir que el navegador WebMvcConfiguration en caché las fonts.

 public class WebMvcConfiguration extends WebMvcConfigurerAdapter { @Override public void addResourceHandlers( ResourceHandlerRegistry registry ) { registry.addResourceHandler("/assets/vendor/font-awesome/fonts/**") .addResourceLocations("/assets/vendor/font-awesome/fonts/") .setCachePeriod(31556926); } } 

Esto corrigió mis íconos de fuente en IIS: agrega un web.config a tu directorio de fonts con estos contenidos:

           

Tuve el mismo problema con la fuente impresionante. Agregué un httpmodule personalizado en mi aplicación .net.

 public class MyHttpModule : IHttpModule { public void Dispose() { } public void Init(HttpApplication context) { context.EndRequest += new EventHandler(Context_EndRequest); } protected void Context_EndRequest(object sender, EventArgs e) { HttpResponse response = HttpContext.Current.Response; if (string.Compare(HttpContext.Current.Request.Browser.Browser, "InternetExplorer", StringComparison.InvariantCultureIgnoreCase) == 0) { response.Headers.Set("Pragma", "none"); } } } 

Y registrado el módulo en web.config.

      

Solucionó el problema.

Si el servidor apache está sirviendo archivos de fonts, agregue las siguientes entradas a httpd.conf o .htaccess en.

Para establecer tipos de mime correctos para los archivos de fonts, agregue estas líneas a config:

  AddType application/vnd.ms-fontobject .eot AddType font/truetype .ttf AddType font/opentype .otf AddType font/opentype .woff AddType image/svg+xml .svg .svgz 

Para actualizar los encabezados de los archivos de fonts, esta solución funcionó perfectamente para representar icons de fonts en los navegadores IE.

  Header unset Cache-Control Header unset no-store  

Me enfrenté al mismo problema y acabo de agregar el siguiente enlace en la etiqueta y funcionó.

  

¡Espero que esto ayude!

En mi caso, fue corrupto .eot archivo de fuente. Genere uno nuevo (+ nuevos estilos .css) y solucionó el problema. Intentalo.