Cómo cambiar la fuente en el tema de WordPress - 3 métodos (2024)

cambiar el tema de la fuente de wordpress

¿Tiene problemas al intentar cambiar la fuente en un tema de WordPress?

La tipografía de su sitio web es crucial tanto para su marca como para su usabilidad, por lo que es importante elegir el tipo de letra correcto.

Afortunadamente, la mayoría de los temas de WordPress incluyen la posibilidad de cambiar las fuentes, aunque algunos son más flexibles que otros en este sentido. Además, hay complementos disponibles que se pueden usar con cualquier tema.

Comenzaremos esta publicación demostrando cómo usar las opciones integradas del tema para cambiar la fuente en un tema de WordPress.

Además, si su tema aún no incluye las fuentes que desea, compartiremos algunos complementos gratuitos que puede usar para agregar más opciones de fuentes a cualquier tema de WordPress, incluso si carece de opciones integradas flexibles.

También demostraremos cómo usar el editor de WordPress para modificar las fuentes utilizadas en piezas específicas de contenido.

 

1. Cómo cambiar la fuente en un tema de WordPress usando el personalizador de WordPress

Por lo general, puede encontrar las opciones de fuente de un tema en el personalizador nativo de WordPress, que es donde la mayoría de los temas de WordPress en 2022 se basan en la personalización del estilo y el diseño.

Demostraremos cómo usar esas opciones de fuentes integradas usando nuestro tema Neve adaptable como ejemplo en esta primera sección.

Es crucial recordar que cada tema maneja las cosas de manera un poco diferente. Neve también es un tema bastante adaptable, por lo que es muy probable que su tema no tenga 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.

Abre el Personalizador de WordPress

Abre el Personalizador de WordPress

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

Localizar configuración de fuente/tipografía

Cómo cambiar la fuente en el tema de WordPress

Localice la configuración de fuente/tipografía para su tema a continuación. Lamentablemente, estos están ubicados de manera diferente para cada tema, por lo que es posible que deba buscar entre las distintas secciones de configuración.

Encontrará una opción de nivel superior para el tema de Neve llamada Tipografía; haga clic en él para elegirlo.

Elija fuentes y guarde los cambios

Ahora puede decidir cómo proceder. Según el tema, es posible que vea una división adicional de la configuración de la tipografía según el tipo de contenido. Esto es lo que hace el tema Neve:

Por ejemplo, puede abrir la configuración de fuente para los encabezados de su tema (como el título de la publicación o la página) y cambiar la fuente de WordPress. Puede ver que hay numerosas fuentes disponibles al usar el tema Neve:

Las fuentes en la vista previa en vivo de su tema deberían actualizarse automáticamente a medida que realiza sus selecciones.

Para hacer que sus nuevas selecciones de fuentes estén en vivo, haga clic en el botón azul Publicar cuando esté satisfecho con el aspecto de todo.

2. Cómo agregar Google Fonts a cualquier tema de WordPress

Si siguió el tutorial anterior sobre cómo cambiar las fuentes en un tema de WordPress y no se sintió abrumado por las opciones de fuentes integradas de su tema, use un complemento que le brinda acceso a más opciones de fuentes, específicamente a los miles de fuentes en el catálogo de Google, es una buena opción alternativa.

El complemento gratuito Easy Google Fonts es una de las opciones más populares disponibles aquí.

Puede seleccionar entre más de 600 fuentes gratuitas que ofrece Google Fonts usando Fácil Fuentes de Google, que se integra con cualquier tema de WordPress.

Para aquellos que no están familiarizados, Google Fonts es probablemente la fuente más conocida de fuentes gratuitas y ofrece una selección más que suficiente para la mayoría de los sitios web.

Cambiaremos al tema predeterminado Twenty Twenty One (que tiene controles de tipografía muy básicos) para demostrar cómo funciona esto antes de configurar el complemento para agregar más opciones de fuente.

Instalar y activar el complemento

Instalar y activar el complemento

Instale y active el complemento Easy Google Fonts de WordPress.org para comenzar. Si no está seguro de cómo hacer esto, puede usar la guía sny sobre cómo instalar un complemento de WordPress.

Elija qué fuentes de Google usar

Elija qué fuentes de Google usar

A continuación, debe seleccionar la(s) fuente(s) que desea utilizar. El sitio web de Google Fonts simplifica la exploración de todas sus opciones porque puede ver vistas previas de cada fuente allí, aunque puede acceder a la lista completa desde la configuración del complemento.

Si necesita algunas ideas, consulte nuestra selección de las mejores fuentes de Google. Además, normalmente debe elegir al menos dos fuentes complementarias.

Una vez que descubras una fuente que te guste, asegúrate de anotar el nombre de la fuente para que puedas recordarla más tarde. Seleccione los estilos específicos que prefiera también. Como ejemplo, "Medio 500".

Abra el Personalizador de WordPress y edite las fuentes.

Para acceder al Personalizador de WordPress, vaya a Apariencia > Personalizar en su panel de control de WordPress.

El menú de la barra lateral ahora debería tener una sección de "tipografía" en la parte superior. Estas configuraciones están controladas por el complemento Easy Google Fonts, no por su tema:

Seleccione Tipografía predeterminada en el submenú.

Para varios tipos de contenido en su sitio, ahora puede seleccionar una fuente de Google Fonts:

  • Párrafos: el texto dentro de las páginas/mensajes.
  • Encabezado 1: el título de la publicación/página de tu blog.  
  • 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.

Haga clic en Editar fuente para el tipo de contenido que desea cambiar. El nombre y el peso de la fuente son entonces suyos para elegir. Debería ver la vista previa en vivo de la actualización de su sitio a medida que toma sus decisiones.

Cuando esté satisfecho con sus selecciones, haga clic en Publicar para publicar sus nuevas fuentes.

3. Cómo cambiar las fuentes de WordPress en el editor

Demostramos cómo modificar la fuente en un tema de WordPress para todo su sitio web utilizando los dos métodos mencionados anteriormente. En otras palabras, todo el texto del párrafo en su sitio cambiará si cambia la fuente del texto del párrafo.

Sin embargo, puede haber ocasiones en las que solo necesite modificar las fuentes para una sola sección de contenido.

Use el complemento gratuito "Fonts Plugin" para configurar esto (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).

Obtendrá un nuevo bloque de fuentes de Google que le permite agregar texto usando cualquier fuente de Google después de instalar y activar el complemento gratuito. Además, puede seleccionar encabezados o texto de párrafo usando la configuración de bloque:

Cómo cambiar la fuente en un tema de WordPress

Debería poder modificar la fuente en un tema de WordPress en este punto.

Las opciones de tipografía integradas del personalizador de WordPress se pueden usar si ya tiene instalado un tema flexible, como Neve.

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

Visita cualquier guía sobre cómo convertir cualquier tema de WordPress en un sitio de marca personalizada para obtener sugerencias adicionales sobre cómo personalizar y marcar su tema.

Si desea ver esta guía en forma de video, puede hacer clic en el video a continuación.

IMH

¿Quieres un sitio web rápido?

¿A quién estoy engañando? ¿No todos?

Entonces, ¿por qué tantos de nosotros luchamos?

El mayor desafío suele ser encontrar una empresa de hosting rápida y confiable.

Todos hemos pasado por pesadillas: la toma de soporte tarda una eternidad o no resuelve nuestro problema, siempre culpando a alguien de su lado... 

Pero el mayor fastidio es que el sitio web siempre se siente lento.

At CollectiveRay alojamos con alojamiento InMotion y nuestro sitio web es estúpidamente rápido. Ejecutamos una pila personalizada de la configuración del servidor LightSpeed ​​en MariaDB con un motor PHP7.4 y afrontamos a través de Cloudflare. 

En combinación con nuestras optimizaciones de front-end, atendemos de manera confiable a 6000 usuarios todos los días, con picos de más de 50 usuarios simultáneos. 

¿Quiere obtener una configuración rápida como la nuestra? Transfiera su sitio de forma gratuita al alojamiento de InMotion y obtenga nuestro 50 % de descuento sobre el precio actual.

Pruebe InMotion Hosting con 50 % de descuento para CollectiveRay ¡Visitantes SOLO en marzo de 2024!

Alojamiento de InMotion 50 % de descuento para CollectiveRay visitantes

Preguntas frecuentes sobre cómo cambiar la fuente en el tema de WordPress

¿Cómo puedo cambiar el tamaño de fuente en WordPress sin usar CSS?

Puede cambiar las fuentes en la mayoría de los temas con el Personalizador de temas de WordPress. El Personalizador de temas, que se encuentra en Apariencia » Personalizar, es la mejor herramienta para esto. Es posible que pueda modificar el tamaño de fuente en algunos temas de WordPress. Puede usarlo sin escribir código CSS si puede encontrar esta opción.

¿Cómo puedo cambiar el estilo de fuente usando HTML?

Puede utilizar el propiedad de estilo en HTML para modificar el estilo de fuente del texto usando HTML. El estilo en línea de un elemento se especifica a través de la propiedad de estilo. El atributo se utiliza con las propiedades CSS font-family, font-size, font-style y HTML etiqueta. La etiqueta no es compatible con HTML5, por lo que se usa el estilo CSS para modificar la fuente. 

Sobre la autora
Shahzad Said
Escrito por: Shahzad SaidPagina web: http://shahzadsaeed.com/Correo electrónico: shahzad@collectiveray.com
Shahzaad Saaed ha aparecido en una gran cantidad de sitios web de autoridad, incluidos EasyDigitalDownloads, OptinMonster y WPBeginner, donde actualmente trabaja como redactor de contenido senior. Shahzad es un experto en WordPress, diseñador web y experto en tecnología y diseño en general. Se especializa en marketing de contenidos para ayudar a las empresas a aumentar su tráfico a través de artículos, blogs y guías de expertos prácticos y respaldados por experiencias, todo ello extraído de sus más de 10 años de experiencia en el campo.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Por favor, deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!

Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.

Autor (es) destacado en:  Logotipo de la revista Inc   Logotipo de Sitepoint   Logotipo de CSS Tricks    logotipo de webdesignerdepot   Logotipo de WPMU DEV   y muchos más ...