Foros » Guías – Resolución de problemas » NO se visualizan iconos de fontawesome

  • Resuelto David

    (@dvdmrnjcbssn)


    Buenos días,

    Tengo puesto en el <head> de mi web el script de fontawesome pero no veo el icono que quiero que aparezca en el botón de comprar.

    Al añadirlo por código css, me aparece el cuadro del icono, pero no se visualiza.

    .add_to_cart_button:before{
    content: '\f290';
    }

    Es posible que me falte añadir algo más?

    Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Hola @dvdmrnjcbssn,

    ¿Puedes por favor dejarlo con el código para que lo revise?

    Saludos

    Iniciador del debate David

    (@dvdmrnjcbssn)

    En el head tengo el script te fontawesome:

    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <?php $viewport_content = apply_filters( 'hello_elementor_viewport_content', 'width=device-width, initial-scale=1' ); ?>
    <meta name="viewport" content="<?php echo esc_attr( $viewport_content ); ?>">
    <link rel="profile" href="https://gmpg.org/xfn/11">
    
    <!-- Scripts -->
    <script src="https://kit.fontawesome.com/6aab458347.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <?php wp_head(); ?>
    </head>

    y con css le digo que quiero poner delante del botón el icono:

    .add_to_cart_button:before{
    content: '\f290';
    }

    En otras webs me ha funcionado correctamente, es por eso que no se de donde viene el error…

    Gracias!

    Hola de nuevo,

    Puedes añadir a ese código CSS la familia correspondiente de la fuente. Por ejemplo:
    font-family: «Font Awesome 5 Brands»;

    Ten en cuenta que algunas funtes son de pago. Aquí tienes un ejemplo de cómo debería ser:

    .add_to_cart_button:before {
        content: "\f007";
        font-family: 'Font Awesome 5 Free';
    }

    Aquí tienes algunas referencias:
    https://fontawesome.com/v5/docs/desktop/setup/get-started#install-the-ligature-based-font-files

    Espero haberte ayudado, Saludos

    Iniciador del debate David

    (@dvdmrnjcbssn)

    Perfecto, me faltaba ese trozo de CSS. Ya funciona!

    Muchas gracias!

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘NO se visualizan iconos de fontawesome’ está cerrado a nuevas respuestas.