Tengo un problema con la fuente impresionante que se incluye en un sitio de wordpress. En Firefox e IE, los íconos no se mostrarán en absoluto, sin embargo, en Chrome y Safari funciona bien.

He encontrado "soluciones" que dicen que necesito un .htaccess con cierto contenido para proporcionar soporte para estos navegadores, sin embargo, si utilizo este enfoque, Safari y Chrome de repente tienen problemas y Firefox e IE aún no funcionan.

¿Alguien tiene alguna otra idea?

Aquí está el mensaje de error publicado por el registro de errores dev de Firefox al cargar mi sitio:

Fehler: fuente descargable: error de descarga (tipo de familia: estilo "icomoon": peso normal: estiramiento normal: índice src normal: 2): URI incorrecto o acceso a sitios cruzados no permitido fuente:http://mysite.de/wp-content/themes/heat/fonts/icomoon/icomoon.woff Quelldatei:http://mysite.de/wp-content/themes/heat/style.css Zeile: 0 Quelltext: @ font-face {font-family: "icomoon"; estilo de letra: normal; fuente-peso: normal; src: url ("fonts / icomoon / icomoon.eot? #iefix") formato ("embedded-opentype"), url ("fonts / icomoon / icomoon.svg # icomoon") formato ("svg"), url (" fonts / icomoon / icomoon.woff ") formato (" woff "), url (" fonts / icomoon / icomoon.ttf ") formato (" truetype "); }

¡Gracias por tu ayuda!

PD Los íconos en el sitio web de la fuente impresionante funcionan bien en FF por cierto.

ACTUALIZACIÓN *

Después de leer muchos mensajes del foro sobre este tema, he llegado a la siguiente conclusión: la mayoría de las personas tienen este problema porque están cargando sus fuentes desde un servidor externo. Al agregar el código .htaccess para permitir que FF haga eso, están resolviendo su problema. ahora, ya que estoy cargando mis fuentes desde mi propio servidor, el enfoque .htaccess no me ayudó. sin embargo, lo que sí eliminó el mensaje de error que se muestra arriba fue cambiar la ruta a la fuente en el css de una ruta relativa a una ruta absoluta. Ahora lo gracioso es que el mensaje de error ya no aparece cuando se carga el sitio, ¡pero los iconos tampoco! Todavía no hay cambios, pero no hay mensaje de error. ¡Estoy confundido!

ACTUALIZACIÓN 2 *

Encontré una solución -

Después de cambiar todas las rutas en el css de relativo a absoluto (es decir, www.mysite.de/fonts / ... en lugar de solo / fonts / ...) Y agregar el archivo .htaccess que contiene las siguientes líneas:

<FilesMatch ".(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

al directorio / fonts, todo funciona bien en Firefox, Chrome y Safari. Aún no he tenido la oportunidad de verificar IE, pero parece que este fue el problema.

Espero que alguien que se encuentre con los mismos problemas reciba ayuda de esto.