• Ir al contenido principal
  • Ir al pie de página
SEO y Blogging SEO y Blogging SEO y Blogging
  • Servicios
    • Consultoría
    • Hosting y Dominios
    • Curso de SEO
    • Recursos - Descuentos
  • Blog
  • Acerca de
    • Sobre mi
    • Potrfolio
  • Contacto

Ricardo Muñoz

Consultor SEO en Cádiz. Blogging y Marketing Online. Ricardo Muñoz, apasionado del Marketing Digital y las Redes Sociales. Diseño y desarrollo de páginas web.

Usted está aquí: Inicio / Formación y Tecnología / Cambiar la tipografía en WordPress sin plugins

Cambiar la tipografía en WordPress sin plugins

7 diciembre, 2020 por Ricardo Muñoz Dejar un comentario

Como cambiar la tipografía en WordPress sin usar plugins

Acceso rápido al contenido

  • 1 Como cambiar la tipografía en WordPress sin usar plugins
    • 1.1 Cambiar la tipografía en WordPress paso a paso.
    • 1.2 Cambiar el tipo de letra sin plugins. Editar en CSS.

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

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;

}

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: 

Las mejores plantillas Genesis StudioPress

Twittear

Archivado en:Formación y Tecnología, Marketing Digital

Footer

¿Quién es Ricardo Muñoz?

Ricardo Muñoz - Diseño Web, SEO y Marketing Online
Ricardo Muñoz

Diseño tu blog a la medida con CSS. Soy un apasionado del SEO y de WordPress.  Gaditano de San Fernando y residente en Puerto Real. Consultor de Posicionamiento Web y de Marketing Online. Estratega en las SERPS. 

Más visibilidad = mejores leads = más ventas.

Amazon Prime Vídeo

PUBLISUITES TE AYUDA A POSICIONAR

Publisuites

Compra la guía para redactores

E-Book para aprender a escribir artículos

Amazon Business

Ebooks de Marketing y SEO

Curso para crear páginas web

Copyright 2018-2020 / Políticas / Aviso Legal / Cookies / Genesis Metro Pro Theme