[SOLUCIONADO] Problemas al aplicar estilos y cargar fuentes

[nanotime]

Estoy experimentando con un generador de sitios estáticos y hace rato ya que estoy tieniendo un par de problemas y dudo que sean por el generador como tal.

En fin, para empezar, no hay forma ni manera de que cargue las font-face que definí:

Código CSS:

@font-face {
  font-family: 'Caviar Dreams';
  src: url("../../font/CaviarDreams-webfont.eot");
  src: url("../../font/CaviarDreams-webfont.eot?#iefix") format('embedded-opentype'), url("../../font/CaviarDreams-webfont.woff") format('woff'), url("../../font/CaviarDreams-webfont.ttf") format('truetype'), url("../../font/CaviarDreams-webfont.svg#CaviarDreamsRegular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source CodePro';
  src: url("../../font/SourceCodePro-Regular-webfont.eot");
  src: url("../../font/SourceCodePro-Regular-webfont.eot?#iefix") format('embedded-opentype'), url("../../font/SourceCodePro-Regular-webfont.woff") format('woff'), url("../../font/SourceCodePro-Regular-webfont.ttf") format('truetype'), url("../../font/SourceCodePro-Regular-webfont.svg#SourceCodeProRegular") format('svg');
  font-weight: normal;
  font-style: normal;
 
@font-face{
  font-family:'FontAwesome';
  src:url('../../fonts/fontawesome-webfont.eot?v=3.0.1');
  src:url('../../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('../../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
  url('../../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'),
  url("../../font/fontawesome-webfont.svg#FontAwesome") format('svg');
  font-weight:normal;
  font-style:normal }
 

Vive dándome errores como:

Código:

[13:01:11.912] downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): status=2147746065
source: http://127.0.0.1:8000/fonts/fontawesome-webfont.woff?v=3.0.1 @ http://127.0.0.1:8000/assets/css/font-awesome.min.css

[13:01:11.914] downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:2): status=2147746065
source: http://127.0.0.1:8000/fonts/fontawesome-webfont.ttf?v=3.0.1 @ http://127.0.0.1:8000/assets/css/font-awesome.min.css

[13:01:11.914] downloadable font: no supported format found (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:4)
source: (end of source list) @ http://127.0.0.1:8000/assets/css/font-awesome.min.css

Y claro

Código:

[13:13:57.445] GET http://127.0.0.1:8000/fonts/fontawesome-webfont.woff?v=3.0.1 [HTTP/1.0 404 File not found 0ms]
[13:13:57.447] GET http://127.0.0.1:8000/fonts/fontawesome-webfont.ttf?v=3.0.1 [HTTP/1.0 404 File not found 0ms]

La cuestión es que ya he investigado los paths y sigue enviándome los errores (el que quiera revisar la estructura de las carpetas puede hacerlo aquí).

Otra cosa extremadamente curiosa es que de hecho, no solo no me consigue las fuentes ni me las aplica de ningún modo sino que para peor, no me aplica muchos estilos, solo algunos ...



La verdad es que no logro entender , quizá sea una estupidez novata o algo distinto, gracias de antemano a cualquier ayuda.

[pzin]

Todo apunta a un error en las rutas. ¿Puedes pegar tu árbol de archivos? La estructura —carpetas— en principio bastaría para hacernos una idea.

Pon también cómo llamas a los archivos .css desde el documento, por lo del error que comentas al final.

[nanotime]

La estructura básica es:

nano-dice
->assets
--->css
->fonts (adentro los ttf, woff, etc).
->templates(adentro los templates html de mako)


y así llamo los archivos en el head:

Código:

<link rel="stylesheet" href="../assets/css/base.css">
<link rel="stylesheet" href="../assets/css/font-awesome.min.css">

[emprear]

ahorrate problemas y para todos los archivos uitlizá rutas relativas a la raiz del sitio, el único inconveniente, si se quiere es que tendría problemas para ejecutar cosas desde el explorador, pero si estás en un http://localhost siempre las va a tomar correctamente


"/fonts/...."
"/css/"
"/otra_carpeta/
src="/imagen/logo.jpg"
url(/fonts/x.ttf);

Siempre iniciá por /
Saludos

[pzin]

Vi que en base.css mandas a llamar /font en vez de /fonts.

[nanotime]

Pude resolverlo, lo que pasa es que el generador de sitios acostumbra a buscar en un lugar en específico, bastó con cambiar fonts a ese lugar y listo, problema resuelto. Disculpen la molestia, pensé que era un problema del css.