Bienvenidos un día más a CreandoWP, hoy me he encontrado en un cliente un problema muy sencillo, subir una fuente a DIVI y por ejemplo Century Gothic y que después no muestra los iconos, pero esto me ha llevado más tiempo del que esperaba solucionarlo, así que he decidido compartirlo. Si has llegado hasta aquí es porque te ha pasado lo mismo. Si has buscado en google “Century Gothic para wordpress” o “font awesome solo para iconos” esta es la solución:
*{font-family:’Century Gothic’, ‘font-awesome’;}
Hay que incluir este código como CSS adicional mediante la opción de Apariencia > Personalizar de wordpress
Asi es como queda con la fuente Century-Gothic y los iconos Font Awesome.
Como podéis ver en la siguiente imagen, este era el error visual cuando no se incluye como segunda fuente Font Awesome.
Espero que os haya servido de ayuda, en mi caso descargue la fuente de https://freefontsfamily.com/century-gothic-font-family/
Como estaba usando la plantilla DIVI, para subir la fuente la manera más sencilla es :
1.- Añadir un modulo de texto.
2.- En “Ajustes de Módulo”, vamos a la pestaña “Diseño”.
3.- En la pestaña “Diseño” vamos a la sección de “Texto”.
4.- Al hacer click en “Texto Fuente” nos abre una ventana emergente para seleccionar la fuente.
5.- Hacemos click en el botón “SUBIR” y seleccionamos nuestro archivo de fuente con extensión .TTF (normalmente cuando descargamos una fuente viene en formato .zip o .rar por lo que es necesario descomprimirla primero)
Y hasta aquí este pequeño tutorial sobre como subir una fuente a DIVI y que tu web muestre únicamente una sola tipografía y usar también FontAwesome para iconos.
¡Si este post te ha parecido de ayuda deja tu comentario!