Los 9 mejores complementos de tipografía para WordPress

Una buena tipografía es crucial para su sitio web. La tipografía incluye tipos de letra, diseños, capitulares, íconos y más. Gran parte de esto ahora se puede hacer con Gutenberg, pero los tipos de letra siguen siendo un área donde los complementos pueden marcar una gran diferencia. En este artículo, veremos varias opciones para ayudarlo a elegir el mejor complemento de tipografía para WordPress.

1. Complemento Divi Builder

El complemento Divi Builder agrega Divi Builder a cualquier tema de WordPress. Incluye 800 fuentes de Google y puede agregar su clave API de Google para obtener nuevas fuentes automáticamente. También puedes subir más. Aunque el complemento Divi hace más que tipografía, es una excelente opción incluso si no está utilizando Divi Builder por completo debido a la cantidad de funciones de tipografía que tiene. Las opciones de tipografía también están disponibles en el tema Divi.

Busque a través de las fuentes en cualquier módulo que incluya texto y vea una vista previa de cada fuente. Las fuentes usadas recientemente están en la parte superior para que sean fáciles de encontrar.

Las fuentes son completamente estilizables. Estilo en línea o dentro de la configuración del módulo. Personalice cada tamaño de encabezado para cada módulo de forma independiente.

Establezca estilos como globales y extiéndalos a otros módulos con solo unos pocos clics.

Características clave :

  • Fuentes y estilo de texto.
  • Crear estilos globales.
  • Ajuste las fuentes para escritorio, tableta y teléfono de forma independiente.
  • Divida la prueba de sus opciones de tipografía.
  • Vista previa de estilos antes de aplicar.
  • Ampliar estilos.
  • Copiar y pegar estilos.
  • Administrador de colores.
  • Buscar y reemplazar estilos.
  • Sombras de texto.

Precio : $89 por año, $249 de por vida | Más información

2. Usa cualquier fuente

Use Any Font es un complemento de tipografía simple para WordPress que le permite cargar nuevas fuentes.

Cargue nuevas fuentes dentro de la pantalla de configuración. También puede agregar fuentes predefinidas.

Al seleccionar Fuentes predefinidas, se abre un modal donde puede buscar y seleccionar cualquier fuente que desee. Proporciona una vista previa, para que sepa lo que está recibiendo. Hay cerca de 24.000 opciones para uso personal y comercial.

Asigna fuentes a cualquier elemento desde la pantalla de configuración. También puede agregar elementos personalizados.

Características clave :

  • Asigna fuentes a cualquier elemento.
  • Asignar a elementos personalizados.
  • Sube nuevas fuentes.
  • Casi 24.000 fuentes predefinidas.
  • La versión Pro agrega múltiples cargas de fuentes.

Precio : Gratis, la versión pro comienza en $9.99 | Más información

3. Herramientas de edición avanzadas

Advanced Editor Tools funciona tanto con Gutenberg como con el editor Classic. Agrega muchas opciones de tipografía y le permite personalizar la barra de herramientas del editor clásico tanto en el bloque clásico como en el editor clásico. Agrega un nuevo bloque de párrafo a Gutenberg. También puede reemplazar el editor de bloques con el editor clásico si lo desea.

La configuración de Gutenberg incluye barras de herramientas para el editor de bloques, párrafo clásico y bloques clásicos, botones no utilizados para las barras de herramientas y muchas opciones. La configuración se centra en la tipografía y le permite personalizar las funciones exactas que desea.

También puede personalizar el Editor clásico con las mismas barras de herramientas, botones no utilizados y opciones.

Características clave :

  • Agrega opciones de tipografía a los editores Gutenberg y Classic.
  • Personaliza las barras de herramientas.
  • Ajusta los colores del texto.
  • Agregue un bloque de párrafo a Gutenberg.
  • Reemplace el editor de bloques con el editor clásico.

Precio : Gratis | Más información

4. Tipografía de fuentes de Google

Google Fonts Typography agrega un nuevo menú al personalizador de temas con configuraciones básicas y avanzadas. Elija entre 998 fuentes de Google y aplíquelas a elementos específicos en su sitio web. Puede obtener una vista previa de las fuentes, para que sepa cómo se ven antes de publicar.

Se agrega un nuevo menú al personalizador de temas que incluye configuraciones básicas, configuraciones avanzadas, carga de fuentes y herramientas de depuración.

La configuración básica le permite elegir la familia de fuentes para la tipografía base, los encabezados y los botones. También puede elegir el peso y el estilo de la fuente.

Avanzado agrega configuraciones personalizadas para marca, navegación, contenido, barra lateral, pie de página y fuentes de carga solamente. Este ejemplo muestra la configuración de contenido.

También puede agregar fuentes de Adobe si tiene una clave API.

Características clave :

  • Utiliza el personalizador de temas.
  • Incluye configuraciones básicas y avanzadas.
  • Vista previa antes de publicar.
  • La versión Pro agrega tamaño y color de fuente, aloja localmente, optimiza la carga y carga fuentes personalizadas.
  • Agregue fuentes de Adobe.

Precio : Gratis, la versión pro comienza en $59 | Más información

5. Fuente impresionante

Font Awesome facilita la adición de iconos a su contenido. Puede usar iconos gratuitos o profesionales y elegir entre SVG o Web Font. Los iconos se pueden cargar desde un CDN o un kit web. Los íconos se agregan a su contenido con códigos cortos o HTML. La versión gratuita incluye más de 1600 íconos y puedes agregar muchos más con la versión pro.

La pantalla de configuración le permite elegir entre usar un kit o CDN, fuentes profesionales o gratuitas y fuentes SVG o Web. También puede seleccionar la versión y la compatibilidad que desea utilizar.

Este ejemplo muestra los íconos de Font Awesome que se agregan a mi contenido con códigos abreviados.

El ícono que agregué ahora aparece en el contenido en la parte delantera.

Características clave :

  • Agregue iconos de Font Awesome con códigos cortos o HTML.
  • Más de 1600 iconos para la versión gratuita.
  • Utilice SVG o un kit web.
  • Elija un CDN o un kit.
  • La versión Pro incluye más de 7800 íconos, 4 estilos, 20 kits profesionales alojados, 250 íconos cargados y más.

Precio : Gratis, la versión pro cuesta $99 | Más información

6. Guía de estilo

Styleguide es un complemento de tipografía simple para WordPress que le permite elegir fuentes y colores desde el personalizador de temas. Incluye las 45 fuentes principales de Google y puede agregar más con código. La compatibilidad de temas es limitada. No funciona con Divi por defecto. Si no funciona con su tema, tendrá que agregar soporte de tema con código. Incluyen un ejemplo del código.

Las opciones de estilo de fuente se agregan al personalizador de temas. Los ajustes incluyen la fuente del encabezado, la fuente del cuerpo y el color de fondo. También tiene una opción de modo oscuro que agrega un botón en la parte inferior de la página.

Características clave :

  • Estilo de fuente agregado al personalizador de temas.
  • Elija fuentes para el encabezado y el cuerpo del texto de forma independiente.
  • modo oscuro
  • Agregue más fuentes con código.
  • Agregue compatibilidad de tema con código.

Precio : Gratis | Más información

7. Separador de títulos de página

Page Title Splitter le permite establecer puntos de interrupción para sus títulos para determinar dónde se dividirán. Esto es especialmente útil para pantallas más pequeñas. Funciona con el editor clásico y le brinda una barra simple para colocar el punto de interrupción. Al hacer clic en el icono se abre la barra. Luego, el punto de interrupción se coloca donde hace clic dentro del título.

La configuración le permite agregar clases y estilo CSS y seleccionar para modificar el título, los títulos de menú, los títulos de widgets y más. Proporciona instrucciones detalladas sobre cómo usarlo.

Aquí está el punto de interrupción para un artículo de muestra que creé. He configurado uno, pero puede configurar varios marcadores para dividir el título en varios lugares.

El punto de interrupción divide el título en la parte delantera. Esto se puede usar para diseñar sus títulos con diseños únicos que normalmente no están disponibles.

Características clave :

  • Crea puntos de interrupción para los títulos.
  • Funciona con el editor clásico.
  • Establecer múltiples marcadores.
  • Ajuste los puntos de interrupción con CSS.

Precio : Gratis | Más información

8. Título secundario

Título secundario es un complemento de tipografía simple para WordPress que funciona con el editor clásico para mostrar otro título junto con el título normal. Agrega un nuevo campo sobre el campo de título y proporciona configuraciones donde puede personalizar el aspecto y cómo funciona. Es compatible con tipos de publicaciones, categorías e ID de publicaciones específicas.

La configuración le permite establecer el formato del título secundario y establecer las reglas de visualización. Establezca las reglas para los tipos y categorías de publicaciones. Proporciona una vista previa del título secundario para que pueda ajustarlo.

Se agrega un nuevo campo arriba del título donde puede ingresar el título secundario.

El título se muestra de acuerdo con las opciones seleccionadas en la pantalla de configuración. Estos son los ajustes predeterminados.

Características clave :

  • Agrega un nuevo campo de título al editor clásico.
  • Ajuste el diseño del título de la forma que desee.
  • Elija los tipos de publicaciones y las categorías que usan el título secundario.

Precio : Gratis | Más información

9. Cambio de tamaño de fuente Zeno

Zeno Font Resizer permite a sus visitantes cambiar el tamaño de las fuentes a medida que visitan su sitio web. Una cookie guarda la configuración, por lo que no tienen que cambiarla cada vez que visitan. Usted tiene control sobre las elecciones que pueden hacer, el ícono que se muestra, la cantidad de días que funciona la cookie y más.

La pantalla de configuración le permite ajustar el HTML, cambiar el tamaño de los pasos, los tamaños mínimo y máximo, el carácter que se muestra para el icono de cambio de tamaño y la configuración de cookies. El HTML le permite elegir cómo funciona el cambio de tamaño.

Agregué el redimensionador a la barra lateral usando el widget.

Características clave :

  • Ajuste los pasos de cambio de tamaño.
  • Establecer tamaños mínimos y máximos.
  • Elige el personaje.
  • La cookie guarda la configuración del visitante.
  • Agrégalo con código o un widget.

Precio : Gratis | Más información

pensamientos finales

Ese es nuestro vistazo a los mejores complementos de tipografía para WordPress. Hay muchas buenas opciones que pueden hacer que tu tipografía se destaque y llame la atención de tus lectores. Si está buscando un complemento de tipografía para WordPress, seguramente encontrará algo que satisfaga sus necesidades en esta lista.

Queremos escuchar de ti. ¿Cuál es tu complemento de tipografía favorito para WordPress?

Imagen destacada a través de ANTSTUDIO / shutterstock.com