Los iconos fontastic no se visualizan de manera local en firefox
Mac Mojave 10.14.5 Firefox 68.0 (64bit) Firefox Developer 69.0b5 (64bit)
Siempre he usado Firefox para la creación de páginas web sin problema, pero hace apenas 3 días los iconos de fontastic se comenzaron a ver como letras en lugar de iconos cuando se visualizan de manera local; si utilizo un entorno de servidor virtual como Prepos los iconos se vuelven a ver de manera normal, pero es muy incomodo trabajar con Prepros ya que cada 2 minutos aparece un anuncio de comprame ya.
En todos los demás navegadores sin excepción los iconos se visualizan sin ningún problema.
Los iconos de todas las páginas web en línea se visualizan sin problema, este fallo se produce solo cuando estoy trabajando de manera local, cuando voy viendo como va quedando el trabajo web.
Ya llevé a cabo muchas cosas que recomiendan:
Firefox en modo seguro. Quitar todas las extensiones para ver si alguna no esta ocasionando el fallo. Reinstalar Firefox Buscar Malware (No hay) Llegue al extremo de resetear todo el equipo Poner todas las preferencias por default.
Nada funciona, los iconos se visualizan como letras en lugar de ver iconos
Pienso que es un error de programa a nivel Firefox o por parte de Apple ya que cuando comenzó este problema abrí Firefox Developer y los iconos se veían normal, al poco tiempo dejaron de verse y aparecieron las letras en lugar de iconos.
En Firefox Developer no tengo ninguna extensión instalada y la configuración es la que viene por default.
¿Alguna idea de como solucionar este problema o la recomendación es usar cualquier otro navegador y dejar de usar Firefox?
Lo cual sería una lastima
Anexo capturas de pantalla en como se ven los iconos en cualquier otro navegador y como en Firefox solo se ven letras.
פתרון נבחר
¡Hola Marcos!
Por favor prueba a establecer privacy.file_unique_origin a false en el Editor de Configuración para Firefox como se detalla en https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp y dinos si esto resuelve tu pregunta.
¡Gracias! Alex
Read this answer in context 👍 0כל התגובות (4)
Gracias Alex
Estoy usando Firefox Developer 69.0b5 (64-bit), no hay ninguna extensión instalada en este navegador para evitar cualquier conflicto.
En la consola web aparecen 2 errores
Solicitud desde otro origen bloqueada: la política de mismo origen impide leer el recurso remoto en file:///Users/mac/Desktop/Pagina%20web%2015/fonts/untitled-font-2.woff (razón: la solicitud CORS no es http).
Solicitud desde otro origen bloqueada: la política de mismo origen impide leer el recurso remoto en file:///Users/mac/Desktop/Pagina%20web/fonts/untitled-font-2.ttf (razón: la solicitud CORS no es http).
Esto lo interpreto como que el navegador me esta impidiendo acceder a estas fuentes, que en este caso son iconos de Fontastic.
Me pide un http ya que no me admite file// esto explica porque al usar un entorno de servidor como Prepros puedo visualizar los iconos sin problemas.
En la consola del navegador me aparecen los errores relacionados a las fuentes y otro que no identifico que es Could not write sesión state file.
downloadable font: download failed (font-family: "untitled-font-2" style:normal weight:400 stretch:100 src index:1): bad URI or cross-site access not allowed source: file:///Users/mac/Desktop/Pagina%20web/fonts/untitled-font-2.woff
downloadable font: download failed (font-family: "untitled-font-2" style:normal weight:400 stretch:100 src index:2): bad URI or cross-site access not allowed source: file:///Users/mac/Desktop/Pagina%20web/fonts/untitled-font-2.ttf
Could not write session state file
fileName: "(unknown module)"
lineNumber: undefined
operation: "move"
path: "/Users/mac/Library/Application Support/Firefox/Profiles/difec259.dev-edition-default/sessionstore.jsonlz4"
stack: ""
unixErrno: 2
Envío captura de pantalla.
Espero me puedas ayudar.
Gracias y saludos
פתרון נבחר
¡Hola Marcos!
Por favor prueba a establecer privacy.file_unique_origin a false en el Editor de Configuración para Firefox como se detalla en https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp y dinos si esto resuelve tu pregunta.
¡Gracias! Alex
Alex
El problema esta resuelto, los iconos ya se visualizan de manera correcta.
Muchísimas gracias.
Te lo agradezco.
Saludos