Como cambiar la tipografía en WordPress sin usar plugins
Acceso rápido al contenido
Hola, ¿te gustaría cambiar la tipografía de tus artículos o páginas en WordPress?
Hay casos en los que queremos cambiar el tipo de letra o la tipografía pero no nos es posible si no instalamos algún plugin como Use Any Fonts o Google Fonts en los que ya vienen incluidas.
Si por el contrario, lo que quieres evitar es tener que instalar un plugin tan pesado en tu web, en este artículo verás cómo puedes subir un tipo de fuente específica para usarla sin tener que instalar más plugins de la cuenta.
Cambiar la tipografía en WordPress paso a paso.
El primer paso es ir a la web de Google Web Fonts para descargar la fuente. Una vez dentro te aparecerán todas las fuentes de Google, usaremos el buscador de la web de Google Fonts para localizar el tipo de fuente.
Por ejemplo, yo voy a seleccionar la fuente que estoy usando en mi web para el cuerpo de los párrafos, la conocida Raleway.
El segundo paso es descargar el paquete de fuentes de este tipo en el que se encontrarán todas las tipologías de fuentes, es decir, negrita, regular, itálica, etc.
Una vez que hayamos descargado el paquete de esta fuente, el tercer paso es subirlo a nuestro administrador de archivos que se encuentra en el cPanel, o en el gestor que venga por defecto en tu proveedor de alojamiento.
Recuerda que debes cargarla dentro de la carpeta dónde se encuentra todo el contenido de tu web.
En mi caso está aquí, dentro de la carpeta Public Html, en la carpeta con el nombre de mi web lawebdigital.com:
Cargaremos, uno a uno, cada uno de los ficheros que viene incluido dentro de esta carpeta en el administrador.
Luego, te recomiendo que crees una carpeta a la que puedes ponerle el nombre de la fuente, en este caso, la carpeta voy a titularla Raleway.
Una vez creada la carpeta, vamos a pasar todos los ficheros que hemos subido previamente a esta carpeta.
Para no liarte, selecciona el filtro que puedes ver en la captura anterior: archivos subidos recientemente, (Last Modified) seleccionamos los archivos subidos (en el día) y elegimos la opción mover.
Luego indica la carpeta dónde quieres moverla, en mi caso sería:
lawebdigital.com/Raleway
¡Y listo! Por el momento…
Y ahora vamos con la segunda parte de este tutorial…
Cambiar el tipo de letra sin plugins. Editar en CSS.
Por último, tendremos que añadir una pequeña linea de código CSS en el apartado personalizar / Editor CSS de nuestro tema de WordPress.
Para ello, usaremos primero el selector dentro de la consola del inspector de elementos de Google. Cuando estés en cualquiera de tus artículos, selecciona un poco de texto y con botón derecho eliges la opción inspeccionar.
De este modo, vamos a copiar el parámetro que queremos editar, que por norma será:
.entry-content p
Copias esta línea y la pegas en el editor CSS seguido de lo siguiente:
.entry-content p {
font-family: Raleway;
}
Recuerda que estarás cambiando la tipografía del cuerpo del texto de tus artículos. Si por otro lado quieres cambiar los títulos principales, el parámetro sería:
.h1 {
font-family: Raleway;
}
Y así con cada uno de los encabezados, ya sea para un h2, un h3, un h4, etc.
Cambiar el tipo de letra en WordPress. Fin del artículo.
Y con esto habremos cambiado la fuente de nuestra web sin la necesidad de usar ningún plugin.
¿Te ha gustado este tutorial? Compártelo con tus contactos si crees que puede serle de ayuda.
Un saludo 👋🏼
También puede interesarte:
Ricardo Muñoz es Consultor SEO y Diseñador de Sitios Web. Blogger desde el año 2016. Inmerso en el mundo del Marketing Digital y las TICs. Redactor de contenidos. Curioso, tenaz y resolutivo. Feliz con una taza de café y un portátil.