Foros del Web » Creando para Internet » CSS »

Css: No carga fuentes en localhost

Estas en el tema de Css: No carga fuentes en localhost en el foro de CSS en Foros del Web. Hola, Me encuentro con un problema al que no encuentro explicación. En el Css cargo las fuentes según el código: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver ...
  #1 (permalink)  
Antiguo 29/10/2013, 05:51
 
Fecha de Ingreso: junio-2010
Mensajes: 51
Antigüedad: 11 años, 3 meses
Puntos: 0
Css: No carga fuentes en localhost

Hola, Me encuentro con un problema al que no encuentro explicación. En el Css cargo las fuentes según el código:

Código CSS:
Ver original
  1. @font-face {
  2.     font-family: "Flaticon";
  3.     src: url("./flaticon.eot");
  4.     src: url("./flaticon.eot#iefix") format("embedded-opentype"),
  5.     url("./flaticon.woff") format("woff"),
  6.     url("./flaticon.ttf") format("truetype"),
  7.     url("./flaticon.svg") format("svg");
  8.     font-weight: normal;
  9.     font-style: normal;
  10. }

Si abro la página desde la ruta física (C://... etc.) carga las fuentes correctamente y se visualiza perfecto. Pero si la abro desde localhost, las fuentes woff y svg no las carga (Err. 404). No entiendo el por qué, y busco ayuda para proporcionar una solución. Decir que esto lo he probado con Chrome 30.0.

Gracias de antemano por vuestro interés.
  #2 (permalink)  
Antiguo 29/10/2013, 07:28
Avatar de Crazylegs  
Fecha de Ingreso: septiembre-2013
Ubicación: Barcelona
Mensajes: 74
Antigüedad: 8 años
Puntos: 14
Respuesta: Css: No carga fuentes en localhost

Utilizas Mozilla Firefox?
Cita:
I think this is a security restriction in Firefox.

If you have a page at file:///<somewhere>/pages/mypage.html, then you can only load fonts located in file:///<somewhere>/pages or below. So, for example, if the fonts are in file:///<somewhere>/fonts, they won't load, but if they are in file:///<somewhere>pages/fonts, then they should work. At least, that's how it seems to work for me.
Fuente

Edito: veo que lo has probado con chrome.

También puedes probar de ponerle la url de la fuente absoluta, es decir, desde la raíz.
__________________
¡Mira mis tutoriales web!
  #3 (permalink)  
Antiguo 29/10/2013, 08:37
 
Fecha de Ingreso: agosto-2013
Mensajes: 46
Antigüedad: 8 años
Puntos: 12
Respuesta: Css: No carga fuentes en localhost

Crazylegs
eso es porque siguen la normativa. esa restircción viene impuesta por la especificación

Cita:
Los agentes de usuario deben implementar una restricción del mismo origen al cargar las fuentes a través del mecanismo @font-face. Esta restricción limita la carga de fuentes para un documento dado a las fuentes cargadas desde el mismo origen.
los subdominios se consideran origen distinto.

si ese es el origen del problema (sólo si están implicados subdominios) o aloja los achivos tipograficos en el mismo subd o utiliza alguna de las técnicas para "anular" la restricion (*1)

tambien puede afectarle un problema ya descrito de chrome con el lugar donde llama al formato svg (dentro de la regla @font-face) (*2)

(*1) (*2) sigue los enlaces de ese post para mas info
  #4 (permalink)  
Antiguo 29/10/2013, 08:55
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.485
Antigüedad: 19 años, 1 mes
Puntos: 2113
Respuesta: Css: No carga fuentes en localhost

¿Cuáles la ruta de las fuentes? Seguramente estés indicando mal la ruta o la ruta esté fuera del alcance del servidor, Apache.
  #5 (permalink)  
Antiguo 29/10/2013, 12:04
 
Fecha de Ingreso: junio-2010
Mensajes: 51
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Css: No carga fuentes en localhost

Hola, gracias por las respuestas. Vamos por partes, para ir descartando opciones:

1.- Las rutas de las fuentes son correctas (comprobado)

2.- He probado a copiar las fuentes a varias carpetas, modificando lógicamente las rutas del css. Incluso en una carpeta dependiente directamente de wwwroot (trabajo en asp.net)

3.- He probado con la ruta completa del servidor: src: url("http://localhost/MyUi/flaticon.eot") y ruta física directa: src: url("../flaticon.eot")

En todos los casos las fuentes woff y svg no se cargan, pero sí la ttf (esto sí que es extraño). Es posible que sea tema de permisos, ya que si abro el archivo html directamente desde la carpeta (archivo -> abrir con -> Google Chrome) funciona correctamente, pero me sigue extrañando que permita la ttf y no las demás. Por otra parte, tengo desarrollado otros proyectos con otros tipos de fuente y no me han dado problema.

faillure: El enlace que me has dado ya lo había visitado, es uno de los pocos que he encontrado que arroja un poco de luz al tema. También he indagado un poco más en los links que aparecen. De ahí todas las pruebas que he realizado, pero al final, sigue sin funcionar.

Agradezco vuestras respuestas, pero en este momento estoy totalmente estancado. Espero mañana tener un mejor día y cualquier sugerencia será bien recibida. Gracias por vuestra paciencia
  #6 (permalink)  
Antiguo 29/10/2013, 12:17
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.485
Antigüedad: 19 años, 1 mes
Puntos: 2113
Respuesta: Css: No carga fuentes en localhost

No entiendo muy bien cómo tienes las rutas, porque por lado parece que están en localhost/flaticon.eot y otras veces en localhost/MyUi/flaticon.eot. Casi siempre que se da esta pregunta en el foro es una cosa de rutas, de ahí que insista.

Prueba si no a poner la IP, a ver si eso te soluciona algo accediendo a 127.0.0.1.
  #7 (permalink)  
Antiguo 29/10/2013, 12:36
 
Fecha de Ingreso: junio-2010
Mensajes: 51
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Css: No carga fuentes en localhost

pzin: Eso se refiere a las distintas pruebas que he realizado. Mira el punto 1 de mi anterior post Vuelvo a repetir que solo permite cargar la ttf y no las demás. Las rutas son correctas (comprobado)
  #8 (permalink)  
Antiguo 29/10/2013, 13:43
Avatar de bowiecamaleon  
Fecha de Ingreso: mayo-2013
Ubicación: Mexico
Mensajes: 15
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Css: No carga fuentes en localhost

uno te suguiero que las pongas en una carpeta "fuentes" "font" practicidad ;)
dos habilita la opcion que se vea la extencion de tus archivos, a mi alguna vez me paso algo que puse un slide en una pagina, en mi maquina si servia pero en el servidor no, mi enlace era foto.jpg y el archivo se llamaba foto.JPG
  #9 (permalink)  
Antiguo 01/11/2013, 23:11
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 12 años, 7 meses
Puntos: 306
Respuesta: Css: No carga fuentes en localhost

Cita:
Iniciado por JulioGaGarcia Ver Mensaje
Las rutas son correctas (comprobado)


Apoyo la moción de pzin, tiene toda la pinta de ser un problema de rutas.

Si no es el caso va una cerveza a tu nombre!
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: fuentes, localhost, página
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:51.