17 noviembre 2024

¿Cómo utilizar Google Fonts en tu sitio WordPress?

GoogleFonts1

Una vez que tienes configurado tu sitio o blog mediante WordPress, querrás personalizarlo agregando tipos de letras especiales. Entonces surge la duda, en qué parte del sitio debo agregar los enlaces del Google Fonts para que aparezcan reflejados en mi diseño.

Antes que sigas, te recomiendo guardar una copia de todos tus archivos, especialmente los que vamos a modificar, por si después surgen errores, podrás volver a cargar los archivos que funcionaban bien antes de los cambios.

Los archivos que vamos a modificar, son header.php y style.php 

Pasos:

Deberás ingresar a Google Fonts y seleccionar un tipo de letra que se destaque. en este caso, elijo la letra Merriweather

Una vez que la hayas encontrado, hacer clic en Quick-Use, que nos presentará la siguiente ventana, en donde elegirás los distintos estilos que necesites. Ten en cuenta, ir mirando el reloj que está a la derecha, pues cuantos más tipos agregues, la carga será mas pesada:

GoogleFonts3

Y yendo mas abajo, encontrarás el código a agregar en tu sitio:

GoogleFonts2

Entonces, con estos enlaces encontrados, deberás editar el archivo header.php de tu instalación WordPress, agregando esa línea que obtuviste en Google Fonts.

GoogleFonts-Header

Y también, deberás editar el archivo style.css, sumando esta tipografía en algún objeto de tu diseño, por ejemplo como te muestro acá lo agrego a la etiqueta <h2> de la lista de artículos de mi Blog

GoogleFonts-style

Y puedes sumar tu tipo de letra en las zonas que quieras de su style.css. Luego, chequea tu sitio, para ver los cambios.

Enlace | Google Fonts

 

 

Siguenos por Twitter a través de @Geeksroom y no te pierdas todas las noticias, cursos gratuitos y demás artículos. También puedes seguirnos a través de nuestro canal de Youtube para ver nuestros vídeos, a través de Instagram para ver nuestras imágenes! O vía Bluesky si ya estás cansado de Twitter

Andrea Cummins

Andrea Cummins Es Senior Editor de GeeksRoom. Estudió Ciencias de la Computación en la facultad de Cs Exactas de la Universidad de Buenos Aires. Hace 23 años que vive en el campo, en la ciudad de Venado Tuerto, Santa Fe y gracias a Internet, pudo seguir actualizándose con las nuevas tecnologías. A medida que pasó el tiempo se fue capacitando de manera autodidacta y participando en Congresos y Cursos. Su empresa se llama VenadoSoft. Su hobbie es la fotografía y le encanta mostrar su ciudad y su gente a través de su lente.

Ver todas las entradas de Andrea Cummins →