Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
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)

El tipo de letra del texto de su sitio web desempeña un importante perfil en el diseño y la identidad de su marca. Puede mejorar la legibilidad del contenido y dar a su sitio un aspecto moderno y profesional.

Afortunadamente, cambiar las fuentes de tu sitio WordPress es sencillo y no requiere conocimientos técnicos avanzados. En nuestra opinión, es una de las formas más sencillas de conseguir que tu sitio web tenga un aspecto profesional en poco tiempo.

En este artículo, le mostraremos cómo cambiar las fuentes en WordPress usando 5 formas diferentes. Con estos métodos, usted puede cambiar fácilmente las fuentes sin tener que tocar una sola línea de código.

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

Tutorial en vídeo

Subscribe to WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

Cambio de 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 dependiendo de tu tema de WordPress. Generalmente, querrás buscar ajustes de ‘fuente’ o ‘tipografía’ en el Personalizador que sean específicos para 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.

Cambio de fuentes en el editor de sitio 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 te permite personalizar tu tema de WordPress usando bloques, igual que cuando editas entradas o páginas usando 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, puede dirigirse a Apariencia ” Editor desde el panel de administrador 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.

Cambiar las fuentes de WordPress con 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”.

Fonts Plugin's basic settings menu

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.

Cambiar fuentes con 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, usaremos 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.

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.

SeedProd license key

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.

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.

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 la 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: ¿Quiere renovar su sitio web de forma completa y profesional? 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!

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

Comentarios

  1. Felicidades, tienes la oportunidad de ser el primer comentarista de este artículo.
    ¿Tiene alguna pregunta o sugerencia? Por favor, deje un comentario para iniciar la discusión.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.