¿Tiene problemas para cambiar la fuente en su tema de WordPress?

La tipografía de su sitio juega un papel esencial en su marca y facilidad de uso, por lo que es una decisión importante que desea tomar correctamente.

Afortunadamente, la mayoría de los temas de WordPress vienen con opciones integradas para cambiar las fuentes, aunque algunos son más flexibles que otros a este respecto, y también hay complementos que funcionan con cualquier tema.

En esta publicación, comenzaremos mostrándote cómo cambiar la fuente en un tema de WordPress usando sus opciones integradas. Luego, si su tema no tiene las fuentes que desea, también compartiremos algunos complementos gratuitos que puede usar para agregar más opciones de fuentes a cualquier tema de WordPress, incluso si su tema no ofrece opciones integradas flexibles. . También le mostraremos cómo puede cambiar las fuentes de WordPress para piezas individuales de contenido utilizando el editor de WordPress.

📚

Cómo cambiar la fuente en el tema de WordPress usando el Personalizador de WordPress

En 2022, la mayoría de los temas de WordPress se basan en el personalizador nativo de WordPress para personalizar el estilo y el diseño, lo que significa que normalmente encontrará las opciones de fuente de un tema allí.

En esta primera sección, le mostraremos cómo usar esas opciones de fuente integradas usando nuestro tema flexible Neve como ejemplo.

Sin embargo, es importante tener en cuenta que cada tema hace las cosas de manera ligeramente diferente. Además, Neve es un tema bastante flexible, por lo que es muy probable que su tema no ofrezca tantas opciones de fuentes.

Dicho esto, debería poder seguir este método con cualquier tema y al menos acceder a algunas opciones de fuente.

1. Abra el Personalizador de WordPress

Para comenzar, vaya a Apariencia → Personalizar para abrir el Personalizador de WordPress:

Abra el Personalizador de WordPress

2. Localice la configuración de fuente/tipografía

A continuación, debe ubicar la configuración de fuente/tipografía de su tema. Desafortunadamente, estos están en un lugar diferente para cada tema, por lo que es posible que deba investigar un poco las diferentes áreas de configuración.

Para el tema Neve, encontrará una opción de nivel superior llamada Tipografía ; haga clic para seleccionarla:

Cómo cambiar la fuente en el tema de WordPress Neve

3. Elija fuentes y guarde los cambios

Ahora, puede hacer sus elecciones reales. Según el tema, es posible que vea la configuración de tipografía más desglosada por el tipo de contenido. El tema Neve hace esto:

Diferentes opciones de fuente

Por ejemplo, si desea cambiar la fuente de WordPress para los encabezados de su tema ( por ejemplo, el título de la publicación/página ), puede abrir esa configuración de fuente. Puede ver que tiene varias fuentes diferentes para elegir con el tema Neve:

Cómo cambiar la fuente en el tema de WordPress

A medida que elige, debería ver automáticamente las fuentes actualizadas en la vista previa en vivo de su tema.

Una vez que esté satisfecho con el aspecto de todo, haga clic en el botón azul Publicar para publicar sus nuevas opciones de fuentes.

Cómo agregar Google Fonts a cualquier tema de WordPress

Si seguiste el tutorial anterior sobre cómo cambiar la fuente en un tema de WordPress y te decepcionaron las opciones de fuentes integradas de tu tema, una buena opción de respaldo es usar un complemento que te dé acceso a más opciones de fuentes, en particular, a miles de fuentes. fuentes en el catálogo de Google .

Aquí hay varias opciones, pero una de las más populares es el complemento gratuito Easy Google Fonts.


Fuentes fáciles de Google

Easy Google Fonts funciona con cualquier tema de WordPress y le permite elegir entre más de 600 fuentes gratuitas que ofrece Google Fonts. Si no está familiarizado, Google Fonts es probablemente la fuente más popular de fuentes gratuitas e incluye opciones más que suficientes para la mayoría de los sitios .

Para mostrarle cómo funciona esto, cambiaremos al tema predeterminado Twenty Twenty One ( que tiene controles de tipografía muy básicos ) y luego configuraremos el complemento para agregar más opciones de fuente.

1. Instalar y activar el complemento

Para comenzar, instale y active el complemento gratuito Easy Google Fonts de WordPress.org. Puede seguir nuestra guía sobre cómo instalar un complemento de WordPress si no está seguro de cómo hacerlo.

2. Elija qué fuentes de Google usar

A continuación, debe elegir la(s) fuente(s) que desea utilizar. Si bien puede ver la lista completa desde la configuración del complemento, es más fácil explorar todas sus opciones en el sitio web de Google Fonts porque puede ver vistas previas de cómo se ve cada fuente.

Echa un vistazo a nuestra colección de las mejores opciones de Google Fonts si necesitas algo de inspiración. Por lo general, también querrá elegir al menos dos fuentes que combinen bien .

Una vez que encuentres una fuente que te guste, asegúrate de anotar su nombre para ayudarte a recordarla. También debe elegir los estilos específicos que le gustan. Por ejemplo, «Medio 500»:

Elija fuentes de Google Fonts

3. Abra el Personalizador de WordPress y edite las fuentes

Ahora, vaya a Apariencia → Personalizar en su panel de control de WordPress para abrir el Personalizador de WordPress.

Debería ver una nueva sección de Tipografía en la parte superior del menú de la barra lateral. Estas configuraciones provienen del complemento Easy Google Fonts ( no de su tema ):

Acceder a la configuración de Easy Google Fonts

En el submenú, elija Tipografía predeterminada .

Ahora, podrá elegir una fuente de Google Fonts para diferentes tipos de contenido en su sitio:

  • Párrafos : el texto dentro de las páginas/mensajes.
  • Encabezado 1 : el título de la publicación/página de tu blog. Más información
  • Encabezado 2 : el encabezado de nivel superior dentro de su publicación/página.
  • Título 3 : un subtítulo debajo del título 2.
  • Etc.
Cómo cambiar la fuente en el tema de WordPress usando Google Fonts

Haga clic en Editar fuente para el tipo de contenido que desea personalizar. Luego, puede elegir el nombre y el peso de la fuente. A medida que elige, debería ver la vista previa en vivo de la actualización de su sitio:

Haga su selección de fuente

Una vez que esté satisfecho con sus elecciones, haga clic en Publicar para publicar sus nuevas fuentes.

Bonus: Cómo cambiar las fuentes de WordPress en el editor

Con los dos métodos anteriores, le mostramos cómo cambiar la fuente en un tema de WordPress para todo su sitio. Es decir, si actualiza la fuente del texto de su párrafo, eso afectará todo el texto del párrafo en su sitio.

Sin embargo, también puede tener situaciones en las que solo desee cambiar las fuentes para un contenido específico.

Para configurar esto, puede usar el complemento gratuito «Fonts Plugin» ( que también le permite agregar fuentes personalizadas a su tema de WordPress, al igual que el complemento Easy Google Fonts en la sección anterior ).


Complemento de fuentes |  Tipografía de fuentes de Google

Una vez que instale y active el complemento gratuito, obtendrá un nuevo bloque de Google Fonts que le permite agregar texto usando cualquier fuente de Google Fonts. También puede usar la configuración de bloque para elegir entre texto de párrafo o encabezados:

Cómo cambiar la fuente de WordPress en el editor de bloques

Así es como cambiar la fuente en un tema de WordPress

En este punto, debe saber cómo cambiar la fuente en un tema de WordPress.

Si ya está usando un tema flexible, como Neve , puede usar las opciones de tipografía integradas de su tema en el Personalizador de WordPress.

O, si su tema no ofrece muchas opciones integradas, puede agregar soporte para más de 600 fuentes en Google Fonts usando el complemento Easy Google Fonts (o el complemento de fuentes que le mostré en la sección de bonificación).

Para conocer otras formas de personalizar su tema y personalizarlo, consulte nuestra guía sobre cómo convertir cualquier tema de WordPress en un sitio personalizado .

¿Todavía tienes alguna pregunta sobre cómo cambiar las fuentes de WordPress? ¡Pregúntanos en la sección de comentarios!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Nuestra web usa cookies para mejorar tu experiencia.