Cargar iconos Font Awesome en WordPress

[lk2_89]

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:

.fa .far{
    font-family: Font Awesome\ 5 Free;
    font-size: 15px;
    padding-right: 20px !important;
}
 

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

Código CSS:

.entry a::after{
    font-family: Font Awesome\ 5 Free;
    content: "\f090";
}
 

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



¿Alguna idea de lo que puede estar fallando?

[zanguanga]

Si miras cualquier icono en la web de Font Awesome verás que la clase que deberías probar es

Código HTML:

<i class="fab fa-clock"></i>