Archived topic
No se muestran los Iconos FontAwesome mediante CSS
5 replies · Started by Francisco on November 18, 2022
Hola a todos, alguien podría por favor apoyar o ilustrarme en como resolver el siguiente inconveniente:
Dentro de Mi Cuenta en WooCommerce utilizando GeneratePress, estoy tratando de agregarle iconos al menú por defecto de WooCommerce (Escritorio, pedidos, descargas, direcciones, detalles de la cuenta, cerrar sección) mediante CSS, pero al momento de agregar el código solo carga el contorno de un cuadrado sin nada, pero si utilizo font-family: WooCommerce; si carga los iconos, solo que no encuentro los códigos de los iconos de dicha familia.
Cómo se utilizan los iconos de FontAwesome mediante CSS de forma correcta?
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
content: "\f07a" !important;
font-family: FontAwesome;
font-size: 18px;
}
Hi there,
The Theme and Woocommerce do not install FontAwesome.
So you need to make sure you have them installed.
Can i see the site? i can look to see if you're loading them.
Y cómo es que se debe de instalar?
Puesto font-family: Dashicons, font-family: WooCommerce si muestra los iconos.
Y aplicando el código CSS en esta pagina tampoco los muestra con la familia FontAwesome.
Hi Franciso,
For one, you can enqueue Fontawesome. I found this article which might be helpful: https://wplift.com/how-to-add-font-awesome-icons-to-wordpress#:~:text=How%20To%20Enqueue%20Font%20Awesome%20Stylesheet%20On%20WordPress
Another option to use FontAwesome is to install the FontAwesome plugin: https://wordpress.org/plugins/font-awesome/
Excelente, muchas gracias por el apoyo.
You're welcome Francisco!