Cambiar la tipografía en WordPress sin plugins

Como cambiar la tipografía en WordPress. Sin Plugins. Tutorial.

Acceso rápido al contenido

Como cambiar la tipografía en WordPress sin usar plugins

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. 

Cambiar el tipo de letra - WordPress

Por ejemplo, yo voy a seleccionar una fuente que me gusta 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.

Como cambiar el tipo de letra en WordPress

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:

Cambiar fuente en WordPress

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.

Cambiar la tipografía en WordPress

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.

Cambiar el tipo de letra - CSS

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;

}

No olvides que estarás cambiando la tipografía del cuerpo del texto de tus artículos. Si por otro lado, quieres cambiar la fuente de los títulos, tendrías que aplicar la regla de este ejemplo:

.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: 

Las mejores plantillas Genesis StudioPress

Compártelo:

Facebook
Twitter
Pinterest
LinkedIn
Ver más

Artículos relacionados

Contratar SEO en Cádiz
SEO

Contratar SEO en Cádiz

Que debes saber antes de contratar a un consultor SEO. Ricardo Muñoz es consultor SEO y de Blogging WordPress en Cádiz. ¿Puedo ayudar?

Leer más »