Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Cargar iconos Font Awesome en WordPress

Estas en el tema de Cargar iconos Font Awesome en WordPress en el foro de WordPress en Foros del Web. Estoy intentando incorporar los iconos de Font Awesome en WordPress. Hasta el momento, he conseguido mostrarlos en una sección de las entradas donde indico el ...
  #1 (permalink)  
Antiguo 28/05/2019, 01:22
 
Fecha de Ingreso: agosto-2007
Mensajes: 71
Antigüedad: 12 años, 3 meses
Puntos: 1
Cargar iconos Font Awesome en WordPress

Estoy intentando incorporar los iconos de Font Awesome en WordPress. Hasta el momento, he conseguido mostrarlos en una sección de las entradas donde indico el tiempo de lectura media de una entrada de la siguiente forma:

Código HTML:
<span class="readtime" title="Tiempo de lectura aproximado"><i class="far fa-clock"></i>'
Para cargar los iconos, tengo definidos en el function.php el siguiente código:

Código PHP:
add_action'wp_enqueue_scripts''enqueue_load_fa' );
function 
enqueue_load_fa() {
    
wp_enqueue_style'load-fa''https://use.fontawesome.com/releases/v5.3.1/css/all.css' );

Y la clase far fa-clock está definida en el CSS así:

Código CSS:
Ver original
  1. .fa .far{
  2.     font-family: Font Awesome\ 5 Free;
  3.     font-size: 15px;
  4.     padding-right: 20px !important;
  5. }

Ahora lo que quiero es añadir un icono a los enlaces de las entradas de la siguiente forma:

Código CSS:
Ver original
  1. .entry a::after{
  2.     font-family: Font Awesome\ 5 Free;
  3.     content: "\f090";
  4. }

WordPress intenta cargarlo, pero me pinta en pantalla un cuadrado:



¿Alguna idea de lo que puede estar fallando?
  #2 (permalink)  
Antiguo 12/06/2019, 00:59
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 10 años, 4 meses
Puntos: 426
Respuesta: Cargar iconos Font Awesome en WordPress

Si miras cualquier icono en la web de Font Awesome verás que la clase que deberías probar es
Código HTML:
Ver original
  1. <i class="fab fa-clock"></i>
__________________
Mi blog personal | Mi G+



La zona horaria es GMT -6. Ahora son las 20:29.