Font Awesome no aparece en Internet Explorer 8

StackOverflow https://stackoverflow.com//questions/12680446

  •  12-12-2019
  •  | 
  •  

Pregunta

Recientemente hemos desarrollado un sitio web con una fuerte dependencia de Font Awesome como parte de su diseño.Estamos utilizando la implementación estándar con before:content y el CSS proporcionado.

Por alguna razón, Font Awesome no se muestra en IE8.Pasé bastantes horas solucionando problemas y probando varias soluciones, sin suerte.

Tengo:

  • Establezca el tipo MIME de EOT en application/vnd.ms-fontobject
  • Establezca el tipo MIME de OTF, TTF en aplicación/octeto-stream
  • Se ejecutó HTML5Shiv después de cargar todo el CSS.
  • Varios intentos de recargar el CSS o DOM al cargar la página

Aquí está el sitio web: http://www.tetakere.org.nz - el cuadro Hotlinks es un buen ejemplo de Font Awesome

¿Alguien tiene alguna idea sobre otros enfoques para lograr que este sitio web muestre Font Awesome?

¿Fue útil?

Solución

Después de una dolorosa resolución de problemas, finalmente lo resolví.

La solución fue mover la carga de HTML5Shiv desde el <head> sección justo antes del </body> etiqueta.

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>

Otros consejos

Sé que esta es una pregunta más antigua, pero tenía muchos problemas con este problema y ninguna de estas respuestas ayudó excepto la última.

cambiado la cabeza ...

Lo que funcionó para mí fue: 

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Esto también funcionó (última respuesta en la que me referí): 

<meta http-equiv="X-UA-Compatible" content="IE=8">

también, leí ( Modo de compatibilidad de la fuerza IEDesactivado usando etiquetas ) que debe poner esa etiqueta meta sobre todas las otras etiquetas meta y antes de cualquier declaración condicional, es decir;De lo contrario, la etiqueta meta será invalidada.

No necesitaba HTML5SHIV para que se pongan a Fontawesome para trabajar en IE8. Esta respuesta (reconstruir el archivo .eot y reemplazar el anterior) resolvió mi problema.

Intenté todo, desde la modificación de My Apache Config, y .htaccess Files sin suerte.En las herramientas de desarrollo de IE, me topé con el "modo de documento" y el predeterminado fue IE7.Entonces, después de alguna investigación, encontré esta etiqueta meta: 

<meta http-equiv="X-UA-Compatible" content="IE=9">

ahora es decir, 10, y 9 formatear mi sitio web correctamente y muestre todos los iconos increíbles de la fuente correctamente.

Si aún desea IE 8 Compat, entonces podría comenzar con esto: 

<meta http-equiv="X-UA-Compatible" content="IE=8">

Espero que ayude a ...

  1. agregó esto a HTACCESS."Browsermatch MSIE MEJOR DISTRIBUCIONES DE APOYO DE SOPORTE DE APOYO X-UA-Compatible IE= 8 ENV= Soporte de los mejores estándares"
  2. tratando de reconocer la fuente EOT
  3. Modo de compactabilidad DOC Chnage
  4. Función intentada del usuario
  5. setinterval js
  6. Agregar google html5 script
  7. Llame a CSS en parte del cuerpo para IE8
  8. Añadir Clase de iconos de datos
  9. ad pseudo elementos js
  10. Agregue filtros PNG & SVG en CSS
  11. Verifique el permiso de tipo de fuente en el servidor

    pero finalmente funciona cuando se agrega

    .sass and'less css

    archivos

    Codificación feliz

Si está utilizando IE8, es necesario agregar el script HTML5.JS como: 

<!--[if lt IE 9]>
  <script     src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

Funciona para mí, estoy seguro de que funcionará.Enlaces de referencia https://github.com/fortawesome/font-Impresionante / Wiki / Solución de problemas # Internet-Explorer-Compatibilidad-Modo

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top