Cómo cambiar las fuentes en su tema de WordPress (5 formas sencillas)

How to change font in WordPress

¿Quieres cambiar la fuente de tu tema de WordPress a una diferente?

La fuente del texto de su sitio web juega un papel importante en el diseño y la identidad de marca de su sitio web. Puede mejorar la legibilidad de su contenido y hacer que su sitio web luzca moderno y profesional.

En este artículo, le mostraremos cómo cambiar la fuente en WordPress de 5 maneras diferentes, para que pueda cambiar fácilmente las fuentes con un método sin código o cambiar la fuente de WordPress sin usar un complemento.

Cómo cambiar la fuente en WordPress

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

Las fuentes son una parte esencial del diseño de su sitio web y tienen un gran impacto en cómo se verá y se sentirá su sitio web de WordPress.

Cuando su sitio web tiene una fuente difícil de leer, se vuelve difícil retener a los visitantes y eventualmente abandonarán su sitio web.

La fuente también muestra la identidad de su marca. Por ejemplo, puede usar fuentes específicas para que su sitio web se vea más profesional o informal.

Los temas de WordPress vienen con una fuente, un tamaño de fuente y un color predeterminados para su sitio. Sin embargo, es posible que desee cambiar la fuente predeterminada a otra.

Sin embargo, hay varias formas de cambiar las fuentes en WordPress. Te mostraremos diferentes métodos. Puede hacer clic en los enlaces a continuación para saltar a cada sección.

Cambia las fuentes en el personalizador de temas de WordPress

Una manera fácil de cambiar la fuente en su sitio web es ir al personalizador de temas de WordPress. Puede cambiar la apariencia de su sitio web y ver una vista previa en tiempo real.

Para este tutorial usaremos el tema Astra. Sin embargo, las opciones cambian según el tema de WordPress que esté utilizando. Dependiendo de su tema, debe buscar las opciones de Fuente o Tipografía en el Personalizador.

puedes ir primero Apariencia » Personalización desde tu panel de WordPress.

Ir al menú Apariencia

Esto iniciará el personalizador de temas de WordPress.

El tema Astra tiene una sección global con opciones para cambiar estilos en todo el sitio. Para cambiar la fuente en todo su sitio, puede hacer clic en la opción 'Global' en el menú de la izquierda.

Ir a Configuración global

En la siguiente pantalla, verá opciones como tipografía, colores, contenedores y botones.

Continúe y haga clic en la opción 'Tipografía'.

Abre la configuración de tipografía.

Desde aquí puede elegir diferentes fuentes en la sección Preferencias.

Estas son las fuentes predeterminadas que ofrece el tema y elegir un valor preestablecido cambiará la fuente en su sitio.

Cambiar la fuente en el personalizador de temas

También puede cambiar las fuentes para elementos individuales de su diseño.

Por ejemplo, puede usar una fuente diferente para el texto y los encabezados. Incluso hay opciones para usar fuentes separadas para cada nivel de título.

Primero, simplemente seleccione una fuente del menú desplegable Familia de fuentes para cada elemento individual.

Cambiar la fuente de elementos individuales

Hay otras opciones para cambiar el tamaño y el peso de la fuente, elegir variantes y más.

Cuando haya terminado, no olvide hacer clic en el botón "Publicar".

Ahora puede visitar su sitio web y ver la nueva fuente. Por ejemplo, en nuestro sitio de demostración, cambiamos la fuente principal a Roboto y la fuente del título a Helvetica.

Ver el cambio de fuente

Es importante tener en cuenta que no todos los temas de WordPress ofrecen las mismas funciones y personalizaciones que ofrece Astra. Si su tema no ofrece esto, lea el siguiente paso.

Cambiar fuentes en WordPress Full Site Editor

Si está utilizando un tema de WordPress basado en bloques como Twenty Twenty-Two, puede usar el Editor de sitio web completo (FSE) para cambiar la fuente en su sitio.

El editor de sitio completo le permite personalizar su tema de WordPress usando bloques, al igual que edita publicaciones o páginas con el editor de contenido de WordPress. Sin embargo, FSE se encuentra actualmente en versión beta y solo es compatible con algunos temas.

Para este tutorial usaremos el tema Twenty Twenty-Two.

Para empezar, puedes ir a Apariencia » Redactor desde el panel de administración de WordPress.

Ir al editor completo del sitio

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

Luego puede hacer clic en el ícono de estilo en la esquina superior derecha y luego hacer clic en la opción "Tipografía".

Abre la configuración de estilo.

A continuación, puede seleccionar elementos como texto y enlaces para cambiar su tipografía.

Seleccionamos texto como elemento y luego hacemos clic en el menú desplegable "Familia de fuentes" para cambiar la fuente.

Cambiar la fuente a FSE

Cuando haya terminado, simplemente haga clic en el botón "Guardar".

Ha cambiado correctamente la fuente utilizando el editor de sitio completo. También puede agregar fuentes personalizadas a su sitio de WordPress y luego cambiarlas en el editor completo del sitio.

Cambiar las fuentes de WordPress con un complemento de WordPress

Otra forma de cambiar las fuentes de WordPress es usar un complemento de WordPress como Fuentes simples de Google.

Este es un complemento de tipografía de WordPress gratuito que le permite agregar más de 600 fuentes de Google y diferentes variaciones de fuentes a su sitio web.

Primero debe instalar y activar el complemento Easy Google Fonts. Si necesita ayuda, consulte nuestra guía de instalación del complemento de WordPress.

Una vez activado, verá la pantalla de inicio de Easy Google Fonts en su panel de WordPress. Puede desplazarse hacia abajo y hacer clic en el botón "Ir a Configuración → Easy Google Fonts".

Vaya a la configuración simple de Google Fonts

En la siguiente pantalla, verá varias configuraciones de complementos.

Continúe y haga clic en el botón "Administrar con Vista en vivo" en la parte superior.

Haga clic en Administrar con Vista en vivo

Esto hará que se abra el Personalizador de temas de WordPress y se encuentre en la pestaña Tipografía.

Otra forma de acceder a las fuentes agregadas por el complemento es llamar Apariencia » Personalización desde su tablero de WordPress y luego haga clic en la pestaña Tipografía.

Cambiar a la pestaña Tipografía

En la siguiente pantalla, verá la opción "Tipografía predeterminada".

Continúe y haga clic en él.

Ir a la tipografía estándar

A continuación, puede cambiar la fuente de cualquier elemento de su sitio web.

Por ejemplo, cambiemos la fuente del Título 1. Simplemente haga clic en la flecha junto al Título 1 para expandir las opciones. Desde aquí, puede hacer clic en el menú desplegable Familia de fuentes y seleccionar una fuente.

Elija una fuente de complemento

Puede hacer lo mismo para otros niveles de encabezados y párrafos.

No olvide hacer clic en el botón "Publicar" cuando haya terminado.

Cambiar fuentes con el generador de temas de WordPress

Hay muchos potentes creadores de temas de WordPress que puede usar para crear un tema personalizado sin editar el código. Puede usarlos para cambiar la fuente de varios elementos en su sitio web.

Para este tutorial usamos Producto de semilla. Es el mejor complemento de creación de páginas de destino y temas para WordPress, que ofrece un generador de arrastrar y soltar para crear temas personalizados sin tocar una sola línea de código.

Tenga en cuenta que necesitará estos Versión Pro de SeedProd porque incluye el generador de temas. también hay uno Versión Lite de SeedsProd que puedes usar gratis.

Primero debe instalar y activar el complemento SeedProd. Consulte nuestra guía de instalación del complemento de WordPress para obtener más detalles.

Después de la activación, verá la pantalla de inicio de SeedProd. Adelante, ingrese su clave de licencia y haga clic en el botón "Verificar clave". Puede encontrar fácilmente la clave de licencia en el área de su cuenta de SeedProd.

Clave de licencia de SeedProd

Entonces puedes ir SeedProd » Creador de temas desde tu panel de WordPress.

Después luego continúe y haga clic en el botón 'Temas' en la parte superior.

Crea tu propio diseño

Desde aquí, el complemento le mostrará varios temas para elegir.

Simplemente coloque el cursor sobre el tema que desea usar y luego haga clic en él. Usaremos el tema inicial para este tutorial.

Elige un tema introductorio

SeedProd ahora genera varias plantillas de temas.

Puede editar cualquier plantilla y personalizar su tema de WordPress. Incluso hay una opción para agregar manualmente una plantilla de diseño.

Editemos la plantilla de diseño de la página de inicio y cambiemos las fuentes de varios elementos. Primero, haga clic en el enlace "Editar tema" debajo de la página de inicio.

Editar el diseño de la página de inicio

Esto iniciará el generador de temas de arrastrar y soltar de SeedProd. Puede agregar nuevos elementos desde el menú de la izquierda y colocarlos en cualquier lugar de la plantilla.

Para cambiar la fuente de una sección de tema, simplemente selecciónela. Por ejemplo, seleccionamos el cuadro de texto debajo del encabezado Starter.

Luego vaya a la pestaña "Avanzado" en el menú de la izquierda y haga clic en el botón "Editar" frente a Tipografía.

Seleccionar texto en el generador de temas

Luego verá varias opciones para editar la tipografía de su sección seleccionada.

Puede hacer clic en el menú desplegable Familia de fuentes y seleccionar una fuente para su texto. También hay opciones para elegir el peso de la fuente, ajustar el tamaño de la fuente, la altura de la línea, el espaciado entre letras, la alineación, el uso de mayúsculas y más.

Cambiar la fuente en el generador de temas

Ahora puede repetir este paso y cambiar la fuente de otros elementos de su diseño.

Cuando haya terminado, simplemente haga clic en el botón "Guardar" en la parte superior.

Para aplicar el tema personalizado y las fuentes personalizadas, vaya a SeedProd » Creador de temas y cambie el interruptor a Sí junto a la opción de tema Habilitar SeedProd.

Activar el tema SeedProd

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

Personaliza la apariencia de la fuente en el editor de contenido de WordPress

También puede usar el editor de contenido para cambiar la apariencia de sus fuentes en publicaciones y páginas específicas del blog.

La desventaja de este método es que la nueva fuente solo se aplicará a esa publicación o página en particular. Deberá repetir manualmente este paso para cualquier otra publicación en la que desee aplicar una solución similar.

Esto puede ser muy útil para personalizaciones específicas de publicaciones, pero si está buscando una opción de cambio de fuente para todo el sitio, considere las otras opciones.

Para cambiar la fuente usando el editor de contenido de WordPress, simplemente edite una publicación o agregue una nueva. Una vez que estés en el editor de contenido de WordPress, selecciona el texto para cambiar su apariencia.

En el panel de configuración de la derecha, ve a la sección "Tipografía". Luego haga clic en los 3 puntos frente a Tipografía y seleccione Apariencia de las opciones desplegables.

Abra la configuración de tipografía en el editor de contenido.

Una vez que haya hecho esto, verá la configuración de Apariencia en la sección Tipografía.

Simplemente haga clic en el menú desplegable debajo de Apariencia y elija un estilo para su fuente. Por ejemplo, puede hacer que la fuente sea negrita, delgada, cursiva, negra, negrita cursiva, extra negrita y más.

También hay opciones para cambiar el tamaño de fuente, seleccionar mayúsculas y minúsculas, editar color, habilitar mayúsculas y más.

Elija un estilo de visualización

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

Esperamos que este artículo te haya ayudado a aprender cómo cambiar la fuente en WordPress. También puede consultar nuestra mejor guía de WordPress SEO para principiantes y nuestra selección experta de los mejores servicios de marketing por correo electrónico de See para pequeñas empresas.

Si este artículo es para ti me gustó, por favor suscríbete a la nuestra canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.

Deja una respuesta

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

Subir