NO se visualizan iconos de fontawesome
-
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]
-
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-filesEspero haberte ayudado, Saludos
Perfecto, me faltaba ese trozo de CSS. Ya funciona!
Muchas gracias!
- El debate ‘NO se visualizan iconos de fontawesome’ está cerrado a nuevas respuestas.