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>:
- 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? :(