Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo cambiar las fuentes de su tema de WordPress (5 maneras fáciles)

La actualización de los tipos de letra de su sitio web puede mejorar la legibilidad y darle un aspecto pulido y profesional. Además, es una forma estupenda de reforzar la identidad de tu marca.

Por suerte, cambiar las fuentes de su sitio WordPress es fácil y no requiere conocimientos técnicos avanzados.

Y creemos que es una de las formas más rápidas de dar a su sitio un aspecto más profesional. Tanto si buscas un aspecto sutil y moderno como un diseño atrevido y llamativo, tienes muchas opciones para personalizar tu tipografía.

En esta guía, le mostraremos 5 formas sencillas de cambiar las fuentes en WordPress.

How to change font in WordPress

¿Por qué cambiar las fuentes de su sitio web WordPress?

Las fuentes son una parte esencial del diseño de su sitio web y tienen un gran impacto en el aspecto de su sitio WordPress.

Si su sitio web tiene un tipo de letra difícil de leer, será difícil retener a los visitantes y acabarán abandonando su sitio.

Un tipo de letra también muestra la identidad de su marca. Por ejemplo, puede utilizar fuentes específicas para que su sitio parezca más profesional o informal.

Lostemas de WordPress vienen con una fuente, tamaño y color de fuente por defecto para su sitio web. Sin embargo, es posible que desee cambiar la fuente por defecto a algo diferente.

Por suerte, hay varias formas de cambiar las fuentes en WordPress. Te mostraremos varios métodos diferentes, y puedes hacer clic en los enlaces de abajo para saltar a cualquier sección:

¿Preparados? Vamos allá.

Método 1: Cambiar las fuentes en el Personalizador de temas de WordPress

Una forma sencilla de cambiar la fuente de tu sitio es acudir al Personalizador de temas de WordPress. Te permite cambiar la apariencia de tu sitio web y muestra una vista previa en tiempo real.

Nota: Si falta la opción de menú del Personalizador, es probable que su tema tenga activada la edición completa del sitio, por lo que deberá utilizar un método diferente o cambiar de tema.

Para este tutorial, utilizaremos el tema Astra.

Sin embargo, ten en cuenta que las opciones pueden variar en función de tu tema de WordPress. Por lo general, deberás buscar ajustes de “fuente” o “tipografía” en el Personalizador que sean específicos de tu tema.

Para empezar, puede dirigirse a Apariencia ” Personalizador desde su escritorio de WordPress.

Go to appearance menu

Esto iniciará el Personalizador de temas de WordPress.

El tema Astra tiene una sección “Global” con opciones para cambiar los estilos de todo el sitio. Para cambiar el tipo de letra de todo tu sitio web, puedes hacer clic en la opción “Global” del menú de la izquierda.

Go to Global settings

En la pantalla siguiente, verá opciones como “Tipografía”, “Colores”, “Contenedor”, “Botones”, etc.

Siga adelante y haga clic en la opción “Tipografía”.

Open typography settings

Desde aquí, puedes elegir diferentes tipos de letra en la sección “Preajustes”.

Estas son combinaciones de fuentes por defecto ofrecidas por el tema, y seleccionando un preajuste cambiará la fuente de todo su sitio web.

Puedes pasar el cursor sobre un preajuste de fuente para ver la combinación de fuentes. Por ejemplo, aquí podemos ver la combinación ‘Montserrat y Source Sans Pro’ de uno de estos preajustes.

Font presets showing font combo in theme customizer

Además, también puedes cambiar las fuentes de los distintos elementos del tema.

Por ejemplo, puede utilizar un tipo de letra distinto para el cuerpo y los encabezados. Incluso hay opciones para utilizar fuentes distintas para cada nivel de encabezado.

Para empezar, elija una fuente del menú desplegable “Familia de fuentes” para cada elemento.

Change font of individual elements

Además, hay más opciones para cambiar el tamaño y el peso de la fuente, seleccionar variantes y mucho más.

Cuando hayas terminado, no olvides hacer clic en el botón “Publicar” o “Actualizar”.

Ahora puede visitar su sitio web y ver la nueva fuente. En nuestro sitio de demostración, hemos cambiado la fuente del cuerpo a Roboto y la del encabezado a Helvetica, por ejemplo.

Font change preview

Es importante tener en cuenta que no todos los temas de WordPress ofrecen las mismas características y personalizaciones que Astra. Si tu tema no ofrece eso, entonces continúa leyendo el siguiente método.

Método 2: Cambiar fuentes en el editor de sitios completo de WordPress

Si utiliza un tema de WordPress basado en bloques como Twenty Twenty-Two, puede cambiar la fuente de su sitio utilizando el editor de sitio completo (FSE).

El editor completo del sitio le permite personalizar su tema de WordPress utilizando bloques, igual que cuando edita entradas o páginas utilizando el editor de contenido de WordPress.

Sin embargo, FSE se encuentra actualmente en fase beta, y solo unos pocos temas son compatibles con él.

Para este tutorial, utilizaremos el tema Twenty Twenty-Two. Para primeros pasos, puedes ir a Apariencia ” Editor desde el panel de administración de WordPress.

Go to full site editor

Esto abrirá el editor de sitio completo para su tema de WordPress.

A continuación, puede hacer clic en el icono “Estilos” de la esquina superior derecha y, después, en la opción “Tipografía”.

Open the style settings

Después, puede seleccionar elementos como texto y enlaces para cambiar su tipografía.

Seleccionaremos ‘Texto’ como elemento y haremos clic en el menú desplegable ‘FUENTE’ para cambiar su fuente.

Change font in FSE

Cuando hayas terminado, sólo tienes que hacer clic en el botón “Guardar”.

Has cambiado correctamente la fuente utilizando el editor de sitio completo. También puede añadir fuentes personalizadas a su sitio de WordPress, así y luego cambiarlos en el editor de sitio completo.

Método 3: Cambiar las fuentes de WordPress usando un plugin de WordPress

Otra forma de cambiar las fuentes de WordPress es utilizando un plugin de WordPress como Fonts Plugin.

Es un plugin de tipografía para WordPress que te permite añadir miles de fuentes de Google y diferentes variantes de fuentes a tu sitio web.

En primer lugar, tendrás que instalar y activar Fonts Pugin. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, verá la oferta de la guía de inicio rápido del plugin Fonts en su escritorio de WordPress. Puede introducir su dirección de correo electrónico para obtener el PDF o ir a “Personalizar fuentes” para empezar a editar.

Fonts Plugin's customize fonts menu item

Esto abrirá las opciones de personalización del plugin en el Personalizador de su tema.

En esta página, siga adelante y haga clic en el menú “Ajustes básicos”.

Basic settings

Una vez dentro del elemento / artículo, puede empezar a personalizar el contenido, los encabezados y la tipografía de los botones.

Sólo tiene que desplegar el menú desplegable de cada elemento de texto y elegir el tipo de letra que prefiera.

Fonts Plugin's font dropdowns

Una vez hecho esto, no olvide hacer clic en el botón “Publicar”, y el plugin Fonts actualizará los cambios.

Método 4: Cambiar las fuentes usando un maquetador de temas de WordPress

Existen muchos potentes maquetadores de temas de WordPress que te permiten crear un tema personalizado sin necesidad de editar el código. Puedes utilizarlos para cambiar el tipo de letra de distintos elementos de tu sitio web.

Para este tutorial, utilizaremos SeedProd.

Es el mejor plugin constructor de páginas de destino y temas para WordPress y ofrece un editor de arrastrar y soltar para crear temas personalizados sin tocar una sola línea de código.

Nosotros mismos hemos utilizado SeedProd para crear páginas de destino e incluso sitios completos de comercio electrónico. Para más detalles sobre nuestra experiencia con la herramienta, lee nuestra reseña / valoración completa de SeedProd.

SeedProd's homepage

Tenga en cuenta que necesitará la versión SeedProd Pro porque incluye el maquetador de temas. También hay una versión SeedProd Lite que se puede utilizar de forma gratuita.

En primer lugar, tendrá que instalar y activar el plugin SeedProd. Para más detalles, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, verá la pantalla de bienvenida de SeedProd. Introduzca su clave de licencia y haga clic en el botón “Verificar clave”. Puede encontrar fácilmente la clave de licencia en su área de cuenta SeedProd.

Adding the SeedProd license key to your WordPress website

Después de eso, puede dirigirse a SeedProd ” Theme Builder desde el escritorio de WordPress.

A continuación, haz clic en el botón “Temas” de la parte superior.

Create your custom theme

A partir de aquí, el plugin te mostrará varios temas para elegir.

Simplemente pasa el cursor sobre el tema que quieras utilizar y haz clic en él. Para este tutorial utilizaremos el tema ‘Starter’.

Choose a starter theme

SeedProd ahora generará diferentes plantillas de temas.

Puedes editar cada plantilla y personalizar tu tema de WordPress. Incluso hay una opción para añadir manualmente una plantilla de tema.

Vamos a editar la plantilla del tema de la página de inicio y a cambiar las fuentes de los distintos elementos. Para empezar, puedes enlazar el enlace “Editar diseño” en “Página de inicio”.

Edit homepage design

Esto iniciará el maquetador de temas de arrastrar y soltar de SeedProd. Puedes añadir nuevos elementos desde el menú de la izquierda y colocarlos en cualquier parte de la plantilla.

Para cambiar el tipo de letra de cualquier sección del tema, basta con seleccionarla. Por ejemplo, seleccionaremos el cuadro de texto bajo el encabezado Principiante.

A continuación, vaya a la pestaña “Avanzado” del menú de la izquierda y haga clic en el botón “Editar” situado delante de Tipografía.

Select text in theme builder

Después, verás múltiples opciones para editar la tipografía de la sección seleccionada.

Puede hacer clic en el menú desplegable “Familia de fuentes” y elegir un tipo de letra para su texto. También hay opciones para seleccionar el peso de la fuente, ajustar su tamaño, la altura de línea, el interlineado, la alineación, las mayúsculas y minúsculas, etc.

Change font in theme builder

Ahora puede repetir este paso y cambiar la fuente de otros elementos de su tema.

Cuando hayas terminado, sólo tienes que hacer clic en el botón “Guardar” de la parte superior.

Para aplicar el tema y las fuentes personalizados, vaya a SeedProd ” Creador de temas y active el conmutador situado junto a la opción “Activar tema de SeedProd” en Sí.

Enable SeedProd theme

Si desea crear un tema de WordPress desde cero, consulte nuestra guía sobre cómo crear fácilmente un tema de WordPress personalizado.

Método 5: Personalizar la apariencia de la fuente en el editor de contenido de WordPress

También puede cambiar la forma en que aparecen sus fuentes en entradas de blog y páginas específicas utilizando el editor de contenido.

Nota: La desventaja de este método es que solo aplicará la nueva fuente a esa entrada o página en particular. En otras palabras, tendría que repetir este paso para todas las demás entradas en las que desee aplicar una personalización similar.

Aunque este método puede ser muy útil para personalizar entradas específicas, debería considerar las otras opciones si está buscando una opción de cambio de fuente para todo el sitio.

Para cambiar el tipo de letra con el editor de contenidos de WordPress, sólo tienes que editar una entrada o añadir una nueva. Una vez que estés en el editor de contenido de WordPress, puedes seleccionar el texto para cambiar su apariencia.

En el panel de ajustes de la derecha, dirígete a la sección “Tipografía”. A continuación, haz clic en los tres puntos situados delante de “Tipografía” y selecciona “Apariencia” en el menú desplegable.

Open typography settings in content editor

Una vez hecho esto, aparecerán los ajustes de “Apariencia”.

Hagamos clic en el menú desplegable y seleccionemos un estilo para nuestra fuente. Por ejemplo, puedes hacer que la fuente sea negrita, fina, cursiva, negra, negrita cursiva, extra negrita, etc.

En esta área de ajustes, también puedes cambiar el tamaño de letra, elegir mayúsculas y minúsculas, editar el color, activar las mayúsculas y mucho más.

Choose an appearance style

No olvides actualizar o publicar tu página cuando hayas terminado.

💡 Consejo de experto: ¿Quieres hacer una renovación completa y profesional de tu sitio web? Nuestro equipo se especializa en la creación de sitios web impresionantes con tipografía hermosa que hará que su marca brille. ¡Descubre lo que podemos hacer por ti con nuestros servicios de diseño WPBeginner!

Tutorial en vídeo

Hemos preparado un vídeo tutorial paso a paso para guiarte a través de cada método de cambio de fuentes en WordPress. ¡Míralo a continuación para ver el proceso en acción! 🎥👇

Subscribe to WPBeginner

Esperamos que este artículo te haya ayudado a aprender cómo cambiar las fuentes en WordPress. A continuación, puede que también quieras ver nuestra guía sobre cómo añadir fácilmente fuentes de iconos en tu tema de WordPress y cómo cambiar el color de selección de texto por defecto en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.