Css: No carga fuentes en localhost

[JulioGaGarcia]

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:

@font-face {
    font-family: "Flaticon";
    src: url("./flaticon.eot");
    src: url("./flaticon.eot#iefix") format("embedded-opentype"),
    url("./flaticon.woff") format("woff"),
    url("./flaticon.ttf") format("truetype"),
    url("./flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
 

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.

[Crazylegs]

Utilizas Mozilla Firefox?

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.

[faillure]

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

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

[pzin]

¿Cuáles la ruta de las fuentes? Seguramente estés indicando mal la ruta o la ruta esté fuera del alcance del servidor, Apache.

[JulioGaGarcia]

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

[pzin]

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.

[JulioGaGarcia]

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)

[bowiecamaleon]

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

[C2am]

Iniciado por JulioGaGarcia

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!