No consigo poder utilizar Font-Awesome...

sergi_multimedia · #1 (**permalink**) 07/01/2013, 05:24

Hola a tod@s, la verdad es que me siento un poco estúpido, llevo mirando vídeos en YouTube y varios blogs de cómo instalar y utilizar Font-Awesome, y en principio lo estoy haciendo todo y no me sale el icono...ARGGGGGGGG!!

Lo que he hecho:

He bajado font-awesome de la web http://fortawesome.github.com/Font-Awesome/

He copiado la carpeta de "font" en mi carpeta raíz.

He cambiado la url dentro del archivo de font-awesome.css

Código CSS:

Ver original@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/fontawesome-webfont.woff') format('woff'),
    url('font/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

He añadido el archivo font-awesome.css en la carpeta "css" que se encuentra en la raíz.

He añadido esto en el <head>:

Código HTML:

Ver original<link rel="stylesheet" href="css/font-awesome.css">

Y para acabar he añadido en el HTML algunos iconos que no se me visualizan:

Código HTML:

Ver original<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>

Y lo que realmente me está saliendo es esto...

http://www.flickr.com/photos/sbeltranprat/8357731618/

Porqué no salen? Qué estoy haciendo mal? :(

pzin · #2 (**permalink**) 07/01/2013, 05:31

Por descartar cosas, ¿la URL a la fuente es correcta? Compruébalo, porque en lo relativo a fuentes y CSS normalmente el problema suele estar ahí.

sergi_multimedia · #3 (**permalink**) 07/01/2013, 05:34

Cita:

Iniciado por Bonez

Por descartar cosas, ¿la URL a la fuente es correcta? Compruébalo, porque en lo relativo a fuentes y CSS normalmente el problema suele estar ahí.

Tenías razón...

Me siento algo estúpido, llevo 2 horas mirando vídeos, comprobando enlaces y no ví nada mal.

Ahora que lo has dicho he vuelto a repasar y lo ví a la primera....

Gracias por contestar tan rápido!

Un saludo ;)

pzin · #4 (**permalink**) 07/01/2013, 05:50

Para resolver errores conviene tener una metodología. Vete siempre a lo más básico —¿he guardado el CSS?— y de ahí vas especificando y bajando.
Después de un tiempo, ya sospechas de forma innata porqué algo no funciona. Por ejemplo lo de las fuentes, suele ser un problema de rutas casi siempre.