No me cargan los iconos me aparece así <!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta n...

Mauricio Moreno Morales

Mauricio Moreno Morales

Pregunta
student
hace 5 años

No me cargan los iconos me aparece así pregunta.png

<!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Mi blog</title> <link rel=“stylesheet” href="./css/main.css"> <link rel=“stylesheet” href="./css/font/flaticon.css"> </head> <body> <header class=“header”> <section class=“header-icons-container”> <div class=“icons”> <a href=""><span class=“flaticon-001-facebook”></span></a> <a href=""><span class=“flaticon-002-twitter”></span></a> <a href=""><span class=“flaticon-011-instagram”></span></a> <a href=""><span class=“flaticon-004.linkedin”></span></a> <a href=""><span class=“flaticon-008-youtube”></span></a> </div> </section> <nav> <section class=“nav-logo-container”> <a href="/"><img src="" alt=“Logo de mi blog”></a> </section> <section class=“profile-link”> <a href=“perfil.htm”>Sobre mí</a> </section> </nav> </header> <main class=“main”>
</main>
</body> </html>
8 respuestas
    Sergio Alejandro Trejo Cuxim

    Sergio Alejandro Trejo Cuxim

    student
    hace 5 años

    Mira, presiona F12, te mostrará el inspector, luego click sobre la pestaña consola esto y revisa si no tiene algún mensaje en color rojo, si existe entonces quizá no esté cargando tu archivo de íconos, y sino entonces el problema puede ser tu archivo de íconos.

    María Soledad Gil

    María Soledad Gil

    student
    hace 5 años

    Mauricio. Fijate en el aporte de max32esau. A mi tamopoco me cargaba pero use la URL que puso el y use los archivos que vienen ahi y asunto resuelto. te aparecen los iconos, eso si en negro.

    Jeyson David Vargas Crespo

    Jeyson David Vargas Crespo

    student
    hace 5 años

    Hola, de pronto agrega en la clase span fimanager, así:

    <a href="/"><span class="fimanager flaticon-001-facebook"></span></a>```
    Luis Fernando Fajardo Morillo

    Luis Fernando Fajardo Morillo

    student
    hace 5 años

    a mi me carga asi tambien no se que hacer...

    Cristian Javier Ortega Ruiz

    Cristian Javier Ortega Ruiz

    student
    hace 5 años

    yo lo que hice para arreglar eso fue copiar el código del flaticon.css de GitHub y lo remplace por el que descargue de la pagina

    Stalin Badillo

    Stalin Badillo

    student
    hace 5 años

    Se debe usar la clase fimanager en el span

    Daniel Junior Puente Martínez

    Daniel Junior Puente Martínez

    student
    hace 4 años

    a mi me pasa justo lo mismo

    Daniel Ricardo Sequeira Campos

    Daniel Ricardo Sequeira Campos

    student
    hace 4 años

    hola! Tal vez sea un poco tarde, pero encontré una solución al problema en la caja de comentarios!

    puedes intentar poner la clase fimanager, y eso tal vex funcione

    <a href="https://www.facebook.com/"> <span class="fimanager flaticon-001-facebook"></span> </a>

    Espero te sirva!

Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]

Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.

Curso de Maquetación en CSS [Empieza Gratis]
Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]

Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.