Font-awesome: IE11 no muestra iconos impresionantes de fuentes

No se puede replicar, probablemente se deba a problemas específicos de la máquina. Verifique otra máquina o restablezca la configuración de IE, así como las restricciones de la política de grupo

Hemos replicado en muchas computadoras y tenemos clientes que nos llaman porque los íconos en nuestro sitio web no aparecen.

Ya hemos revisado las restricciones de la política de grupo. He restablecido mi configuración de IE.

Reapertura y espera de comentarios de otros usuarios

Eche un vistazo aquí: https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#get -ttfotf-fonts-working-in-ie9

Las fuentes web de @tbinggeli no funcionan en absoluto en su IE, esto no es solo Font Awesome

Supongo que eso puede ser cierto. FontAwesome son las únicas fuentes web que hemos agregado a nuestro sitio.

Entonces, ¿qué sugeriría que trate de resolverlo en mi computadora o que le diga a los clientes que llaman?

https://technet.microsoft.com/en-us/library/bb457144.aspx

Verifique Permitir descargas de fuentes

Ya he comprobado esto, y está configurado para habilitar:

Acabo de encontrar esto en la guía de resolución de problemas: https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#fonts -not-rendering-properly-running-windows-10

Yo también he pasado por esto. Se ha mencionado anteriormente.
El sábado 26 de marzo de 2016 a las 10:41 Geremia Taglialatela <
[email protected]> escribió:

Acabo de encontrar esto en la guía de solución de problemas:
https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#fonts -not-rendering-correctly-running-windows-10

—
Estás recibiendo esto porque te mencionaron.
Responda a este correo electrónico directamente o véalo en GitHub
https://github.com/FortAwesome/Font-Awesome/issues/8825#issuecomment -201889085

Avísame si encuentras el origen del problema.

Voy a cerrar aquí porque se trata de todas las fuentes web y no es específico de FontAwesome.

Probé las soluciones aquí... y ahora descubrí por qué no aparece porque
no incluiste fontawesome-webfont.eot en tus /fonts, que era la fuente recomendada para IE11

Probé las soluciones aquí... y ahora descubrí por qué no aparece porque
no incluiste fontawesome-webfont.eot en tus /fonts, que era la fuente recomendada para IE11

usted = fuente impresionante?

Me gustaría enviar una caja llena de caca con la forma del logotipo de IE a Microsoft como regalo.

Encontré la solución. Eliminé el parámetro de versión, por ejemplo. ?v4.7.0 en cada src de la fuente en el CSS y ahora funciona en mi IE.

@alcali gracias, editaré la guía de solución de problemas. Realmente espero que la versión 5.0.0 finalmente elimine las cadenas de esa versión.

Ref: #3286

En mi entorno de prueba, sabía que funcionaba con IE 11.0.43, el cliente ejecutaba IE 11.0.42. Ejecuté la actualización de Windows, 30 minutos después, también estaba ejecutando IE 11.0.43 y la fuente se mostraba.

Estoy usando IE 11.096 con la configuración de seguridad "Permitir descargas de fuentes => Deshabilitado". Ahora ya no puedo ver ningún ícono de Font Awesome ni en ningún lado, ni en mi propia página web ni aquí, por ejemplo: http://fontawesome.io/examples/
En mi página web, todas las fuentes son locales y creo que en fontawesome.io las fuentes (iconos) también son locales. ¡¿Pero no se muestran con IE11?! ¡Todos los demás navegadores funcionan bien! ¿Me pueden ayudar a resolver este problema de IE11? Intenté muchas horas para nada. Gracias.

@ Stefhe68 : fuente impresionante es una fuente. Considere otra solución si necesita esa configuración de seguridad

Espero eso ayude

Tal vez sea demasiado tarde o para otros que buscan una solución para representar los íconos en IE 11, IE tiene un problema con las fuentes y el encabezado de caché Control-Cache y Pragma con el valor sin almacenar, debe eliminar esto de su respuesta para obtener ellos para correr. No sé si esto tiene que ver con IE o un conjunto antiguo de fuentes o ambos, probablemente sea principalmente el maldito IE. Sin embargo, espero que esto ayude, lo hizo por mí.
Por cierto, encontré esto en: https://stackoverflow.com/questions/31291414/font-awesome-icon-is-not-appearing-in-ie-11-but-showing-in-other-browsers

@netunguito gracias por compartir esto. Esta información se proporciona en nuestra guía de solución de problemas, disponible en https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#im -hosting-fonts-on-my-server-and-icons-dont-show-up

Sé que esta es una publicación muy antigua, pero la solución es restablecer las opciones de IE11 yendo a:

Herramientas >> Opciones de Internet >> Pestaña Avanzado

Luego haga clic en el botón Restablecer como se muestra en esta imagen:

https://i.imgur.com/gXWkDix.png

Tuve el mismo problema cuando trabajaba en la versión 4.70 donde todos los demás navegadores se mostraban correctamente excepto IE11 en Windows 10 (1703 15063.502), así que decidí usar el botón de reinicio y listo, los íconos aparecieron automáticamente. Es posible que deba reiniciar el IE, pero pruébelo de todos modos.

Espero que esto ayude a algunas personas que todavía están luchando con esto. Además, los clientes deben restablecer sus opciones si se quejan de que los íconos no se muestran. esto debería ser lo primero que debe hacer antes de hacer cualquier cosa. Yo lo creo de todos modos.

tl; dr restablecer la configuración del navegador funcionó para mí. ¡Gracias @MyTechSite!

Hola tios,

gracias por tus comentarios

Aclare si la configuración de restablecimiento funciona si está alojando íconos o su propio servidor o si está sirviendo íconos desde CDN, ya que IE se ve afectado por diferentes problemas y no sé qué agregar a la guía de solución de problemas.

@tagliala sirviendo fuentes y css desde mi propio servidor, sin CDN. (Actualmente probando en localhost y sirviendo a IE usando ngrok, pero eso no debería importar).

@tagliala También estoy ejecutando mi propio servidor/máquina local para el desarrollo. Sugiero que para la guía de solución de problemas, los clientes primero deben intentar restablecer su configuración de IE11 a los valores predeterminados para que puedan saber si los íconos se están cargando o no. Si están trabajando, pueden comenzar a personalizar su navegador como estaba antes, un elemento por elemento para que sepan qué configuración está causando el problema.

No estoy seguro de por qué, pero con las siguientes condiciones, IE11 no pudo mostrarme los íconos de Font Awesome

1. El CSS de FA se incluye en JavaScript usando webpack + style-loader + css-loader Y
2. F12 Developer Tool se abrió antes de abrir la página o mientras la página estaba abierta.

Si el CSS se cargó desde HTML de forma normal, los íconos aparecen incluso después de presionar F12.
Si nunca toco F12 desde el lanzamiento de IE11, FA cargado por el cargador de estilo webpack funciona bien. (El tiempo de F12 no parece importar. Se arruinó incluso cuando presioné F12 en otro sitio web en otra pestaña y lo cerré y luego abrí mi página web)

Parece que IE11 Devtools se tambalea con @font-face en CSS inyectado a HTML por JavaScript.

Para aquellos que tienen este problema, la solución es hacer el cambio de registro de Windows detallado aquí (ver la sección To turn on and use the Blocking Untrusted Fonts feature through the registry ). Después de reiniciar el sistema, ahora se cargan las fuentes "no confiables", incluida FontAwesome, en IE11.

Hola de nuevo,

tenga en cuenta que IE (11) se ve afectado por diferentes problemas.

Además, es posible que los usuarios corporativos no puedan cambiar su configuración de Internet.

Utilice la solución alternativa que mejor se adapte a su caso de uso

Árbitro:

• https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#internet-explorer-11-doesnt-show-icons
• https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#im -hosting-fonts-on-my-server-and-icons-dont-show-up

Para mí, el problema fue que mi empresa no pudo agregar su nuevo dominio a los sitios confiables en las políticas de imagen de PC de la empresa. Después de agregarlo manualmente, está funcionando.

Habiéndose encontrado con este problema, creó una biblioteca que ayuda a facilitar el consumo de íconos como cadenas svg.
https://github.com/jkodu/fa-svgs-in-js

@jkodu gracias por compartir.

Entonces, ¿este no es un problema con el marco SVG utilizado por FA5?

No creo, este es un problema con el Marco SVG.

Cuando la descarga de fuentes está deshabilitada en el navegador, no hay mucho que se pueda hacer confiando en los íconos basados ​​en fuentes.

Tengo que recurrir a formas alternativas de inyectar íconos, y svg tiene una excelente compatibilidad con el navegador, que es lo que terminé haciendo con https://github.com/jkodu/fa-svgs-in-js

cómo usar en reaccionar?

importar * como faGetIcon desde 'fa-svgs-in-js/dist';
const miIcono = faGetIcon('cog');

Referencia:
https://zhenyong.github.io/react/tips/peligrosamente-set-inner-html.html

o puedes desinfectarlo.

Después de varias soluciones (control de caché, actualización a fuente impresionante 5, etc., que tiene problemas), pude solucionar esto usando Web Font Loader:

Agregue esto dentro de la etiqueta principal de su index.html

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>

    WebFont.load({
        custom: {
            families: ['FontAwesome'],
            urls: ['//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css']
        }
    });
</script>

Enfrentó un problema similar con Font Awesome 4.7. Terminamos yendo a 5.0.13 y parece funcionar en IE11 y todos los demás navegadores.

@maharjans Si no le importa que pregunte, ¿qué implementación estaba usando? ¿SVG con JavaScript o simplemente una fuente web clásica en CSS? Estamos experimentando un problema similar con un par de nuestros sitios que no cargan los íconos de Font Awesome 4.5 en IE11 más allá de la carga de la primera página y me pregunto si la actualización de Font Awesome lo solucionará.

@Rodalli, nuestra aplicación es una aplicación Ember js, pero estamos usando CSS simple para una fuente impresionante. Su problema suena muy parecido al nuestro, me sorprendería si la actualización no lo soluciona.

Francamente, es hora de alejarse de IE11 ya que cada vez más sitios web no lo admiten y Microsoft tampoco lo está desarrollando. incluso GitHub dejará de admitirlo pronto. Algunos de ustedes deben haber visto esta ventana emergente en los foros de Github:

Tenga en cuenta que GitHub dejará de admitir Internet Explorer a partir de julio de 2018

Como se publicó en #8472
Tuvimos un cliente con este problema. La solución fue asegurarse de que fontdrvhost.exe no esté bloqueado por el software antivirus (en este caso, Trend Micro OfficeScan fue el culpable).

Nota al margen: estaba trabajando en un nuevo diseño localmente (a través de file://) y los iconos fas no se mostraban (Win10/IE11), mientras que los iconos fab sí. No estoy seguro si agrega algo a la conversación, pero sentí que era digno de mención 😉

Tuve este mismo problema después de una actualización de IE11. Lo arreglé agregando la entrada de registro mencionada aquí: https://docs.microsoft.com/en-us/windows/security/threat-protection/block-untrusted-fonts-in-enterprise#Turn_on_and_use_the_Blocking_untrusted_fonts_feature

Creo que tendremos que actualizar a v5 con SVG para solucionar este problema.

@Hasmanguitars ,

es muy amable de su parte publicar esto, pero ¿no está de acuerdo con que IE11 está casi muerto y que la gente debería seguir adelante y dejar de perder el tiempo apoyando a IE11?

Chrome, Firefox y Edge (Chrome) son ahora los navegadores principales para la mayoría de los usuarios. Podría publicar un enlace para respaldar esto, pero estoy seguro de que esto no es necesario.

Atentamente,