[SOLUCIONADO] font awesome por alguna razón no funciona

nanotime · #1 (**permalink**) 24/02/2013, 14:48

La verdad no sé que pasa, estoy tratando de hacer pruebas para integrar las font-awesome en mi proyecto y no funcionan, aunque el inspector reconoce que están ahí y que todo está bien porque no me salta ningún error especial.

se supone que basta con un <i> y su clase respectiva para poner el botón en donde deber ir y ya, y claro meterlo dentro de las etiquetas que sean necesarias. Tal vez sea que estoy importando algo mal, pero les dejo el código a ver donde puede que sea el error.

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es"> 
    <head>
        <title>Reproductor en HTML5</title>
        <meta charset="utf-8"/>
 
        <link href='http://fonts.googleapis.com/css?family=Viga|Titan+One|Passion+One|Cabin+Condensed:700' rel='stylesheet' type='text/css'>
 
        <!-- <link rel="stylesheet"  type="text/css" href="css/bootstrap.css"> -->
 
        <link rel="stylesheet" href="css/font-awesome.css">
        
        <link rel="stylesheet" href="css/font-awesome.min.css">
 
        <link rel="stylesheet" type="text/css" href="css/duxer.css">
 
        <script type="text/javascript" src="js/tools/jquery-1.7.2.min.js"></script>
 
        <script src="js/tools/jquery.tools.min.js"></script>
 
        <script type="text/javascript" src="js/theduxer.js"></script>
 
    </head>
    <body>
        
        <header>
            <h1>Monociclo</h1>
        </header>
 
        <nav id="navbar">
            <ul>
                <li><a href=""><i></i></a></li>
                <li><a href=""><i></i></a></li>
                <li><a href=""><i></i></a></li>
            </ul>
        </nav>
 
        <section id="banner-download">
            <img src="" alt=""><a href=""></a></img>
        </section>
 
        <section id="player" data-autoplay="1" data-loop="1">
            <section id="player">
                    
                <section id="controls">
 
                    <section id="songTitle">
                        <span>Titulo de la Cancion</span>
                    </section>
 
                    <section id="playertrols">
                        
                        <div id="plauseStop">
                            <div id="plause"></div>
                            <div id="stop"></div>
                        </div>
 
                        <div id="progressBar">
                            <div id="timeLoaded"></div>
                            <div id="timePlayed"></div>
                        </div>
 
                    </section>
 
                    <section id="volumeTime">
                        <input type="range" min="0" max="1" step="0.1" value="0.5"/>
 
                        <div id="timeStatus">
                            <time id="played">00:00</time>
                            <span>/</span>
                            <time id="totalTime">00:00</time>
                        </div>
                    </section>
                </section>
 
                <section id="playlist">
 
                    <section id="tracks">
                        <article class="track trackPlaying" data-source="tracks/01_Pista">
                            <span>Libertad</span>
                        </article>
                        <article class="track" data-source="tracks/02_Pista">
                            <span>15 y ultimo</span>
                        </article>
                        <article class="track" data-source="tracks/03_Pista">
                            <span>Infiel</span>
                        </article>
                        <article class="track" data-source="tracks/04_Pista">
                            <span>Todo bien</span>
                        </article>
                        <article class="track" data-source="tracks/05_Pista">
                            <span>Gusano</span>
                        </article>
                        <article class="track" data-source="tracks/06_Pista">
                            <span>Alegría</span>
                        </article>
                        <article class="track" data-source="tracks/07_Pista">
                            <span>El rockero</span>
                        </article>
                        <article class="track" data-source="tracks/08_Pista">
                            <span>Un beso</span>
                        </article>
                        <article class="track" data-source="tracks/09_Pista">
                            <span>La última</span>
                        </article>
                        <article class="track" data-source="tracks/10_Pista">
                            <span>Nana</span>
                        </article>
                        <article class="track" data-source="tracks/11_Pista">
                            <span>Monociclo</span>
                        </article>
                    </section>
 
                    <section id="playlistControl">
                        <span>&#x25B2;</span>
                    </section>
 
                </section>
            </section>
        </section>
 
        <div id="currentTime">
            <time>00:00</time>
        </div>
 
        <aside id="social-icons">
            <i class="facebook-icon-sign icon-x2"></i>
        </aside>
 
    </body>
</html>

La estructura de la carpeta que tengo es:

monociclo

css

font

img

js

tracks

index.html

Nada más, ni nada del otro mundo, la verdad no sé que estoy haciendo mal, pensé que estaba etiquetando mal pero nop, que estaba importando mal pero al parecer no, usé solo el min.css y solo el .css normal y no, y usando ambos tampoco... sinceramente no sé que estoy haciendo mal xD

pzin · #2 (**permalink**) 24/02/2013, 14:59

Estás poniendo facebook-icon-sign y debería de ser icon-facebook-sign.

nanotime · #3 (**permalink**) 24/02/2013, 15:17

Adivina que!!! =D ... no funciona xD

Probé con varios iconos y ninguno funciona D=

nanotime · #4 (**permalink**) 24/02/2013, 15:26

De hecho, seguí los pasos, se supone que todo debería estar bien:

Código CSS:

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

Según mi arbol de proyecto, las direcciones están correctas no?

pzin · #5 (**permalink**) 25/02/2013, 01:27

A priori veo lo demás bien. ¿Lo tienes online para echarle un vistazo?

nanotime · #6 (**permalink**) 25/02/2013, 11:53

Ya pude resolverlo, no me habia dado cuenta de que tenía el color de fuente general en blanco, fue un error de novato muy estúpido.

pzin · #7 (**permalink**) 25/02/2013, 13:13

Cita:

Iniciado por nanotime

Ya pude resolverlo, no me habia dado cuenta de que tenía el color de fuente general en blanco, fue un error de novato muy estúpido.

El error tonto de la semana. Suele pasar.