La forma más directa de agregar fuentes personalizadas en WordPress es agregar las fuentes usando el @font-facemétodo CSS3. Este método le permite utilizar cualquier fuente que desee en su sitio web.
Primero, necesitas descargar la fuente que te gusta en un formato web. Si no tiene el formato web para su fuente, puede convertirla usando el generador de fuentes web FontSquirrel .
Una vez que tenga los archivos de fuentes web, deberá cargarlos en su servidor de alojamiento de WordPress . El mejor lugar para cargar las fuentes es dentro de una nueva carpeta de «fuentes» en el directorio de su tema o tema secundario .
Puede usar FTP o el Administrador de archivos de su cPanel para cargar la fuente.
Una vez que haya cargado la fuente, debe cargar la fuente en la hoja de estilo de su tema usando la regla CSS3 @font-face de esta manera:
@font-face {
font-family: Arvo;
src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf);
font-weight: normal;
}
No olvide reemplazar la familia de fuentes y la URL con las suyas propias.
Después de eso, puede usar esa fuente en cualquier lugar de la hoja de estilo de su tema de esta manera:
.h1 site-title {
font-family: "Arvo", Arial, sans-serif;
}
Cargar fuentes directamente usando CSS3 @font-face no siempre es la mejor solución. Por ejemplo, si está utilizando una fuente de Google Fonts o Typekit, es mejor servir la fuente directamente desde su servidor para un rendimiento óptimo.
Esperamos que este tutorial le haya ayudado a aprender cómo agregar fuentes personalizadas en WordPress.