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.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:
Ver original.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?