Además de Font Awesome existen otras tipografías como fuente de iconos. Por otro lado están Ionicons y por supuesto el nativo de WordPress, Dashicons. De hecho, en caso de tener que usar pocos iconos y generales, es decir, nada concreto, yo recomiendo Dashicons. No necesitas descargar, al ser nativos con una simple linea dejamos nuestro tema preparado para usarlos.
Si seguimos queriendo o necesitando Font Awesome, hay tres maneras de hacerlo.
Bootstrap
La primera, que es similar a la segunda es a través de un CDN, El de Bootstrap para ser exactos. La carga es rápida y apenas se nota en la carga de nuestra web. El código PHP que tendremos que añadir en el archivo functions.php
de nuestro tema es:
function add_font_awesome_icons() {
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'add_font_awesome_icons' );
Cloudfare
La segunda es con el mismo método que la primera, sólo que descargamos la fuente de otro CDN, el de cloudfare.com. El código está vez es:
function add_font_awesome_icons() {
wp_enqueue_style( 'font-awesome', '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'add_font_awesome_icons' );
Descargar Font Awesome
Por último, podemos descargar la fuente para cargarla con nuestra web. Subiremos la fuente a la carpeta raíz de nuestro tema y añadiremos el siguiente código en el archivo functions.php
de nuestro tema para que se cargue la fuente:
function add_font_awesome_child_theme() {
wp_enqueue_style( 'font-awesome', get_bloginfo( 'stylesheet_directory' ) . '/font-awesome/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'add_font_awesome_child_theme' );
Después de asegurarnos de que la ruta al archivo font-awesome.min.css
es la correcta, podemos echar un vistazo al los ejemplos de uso de iconos que hay en la web de Font Awesome.
Deja tu duda o comentario