9 mejores complementos de tipografía para WordPress

Una buena tipografía es fundamental para su sitio web. La tipografía incluye tipos de letra, diseños, mayúsculas, iconos y más. Mucho 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 el Divi Builder por completo debido a la cantidad de características tipográficas que tiene. Las opciones de tipografía también están disponibles en Divi Theme.

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, por lo que son fáciles de encontrar.

Las fuentes son totalmente modificables. 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 principales :

• Fuentes y estilo de texto.
• Crea estilos globales.
• Ajuste las fuentes para el escritorio, la tableta y el teléfono de forma independiente.
• Prueba dividida tus elecciones de tipografía.
• Obtenga una vista previa de los estilos antes de aplicarlos.
• Amplíe los estilos.
• Copie y pegue estilos.
• Administrador de color.
• Busque y reemplace estilos.
• Sombras de texto.

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

2. Utilice 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á obteniendo. Hay cerca de 24.000 opciones para uso personal y comercial.

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

Características principales :

• Asignar 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 clásico. 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árrafos clásicos 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 características exactas que desea.

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

Características principales :

• 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

La tipografía de Google Fonts 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, por lo que sabrá cómo se ven antes de publicarlas.

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 básica, los títulos y los botones. También puede elegir el peso y el estilo de la fuente.

Avanzado agrega configuraciones personalizadas para la marca, la navegación, el contenido, la barra lateral, el pie de página y las 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 principales :

• 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, hospeda 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. Font Awesome

Font Awesome facilita la adición de iconos a su contenido. Puede utilizar iconos gratuitos o profesionales y elegir entre SVG o fuente web. Los iconos se pueden cargar desde un CDN o un kit web. Los iconos se agregan a su contenido con códigos cortos o HTML. La versión gratuita incluye más de 1600 iconos, 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 iconos de Font Awesome que se agregan a mi contenido con códigos cortos.

El icono que agregué ahora aparece en el contenido de la interfaz.

Características principales :

• 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 de forma predeterminada. 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. Las configuraciones 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 al final de la página.

Características principales :

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

Precio : Gratis | Más información

7. Divisor de título 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. A continuación, el punto de interrupción se coloca donde hace clic en el título.

La configuración le permite agregar clases y estilo CSS y seleccionar para modificar el título, los títulos de los menús, los títulos de los 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 utilizar para diseñar sus títulos con diseños únicos que normalmente no están disponibles.

Características principales :

• Crea puntos de interrupción para títulos.
• Funciona con el editor clásico.
• Establezca varios 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 encima 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. Éstos son los ajustes predeterminados.

Características principales :

• 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 y categorías de publicaciones que usan el título secundario.

Precio : Gratis | Más información

9. Zeno Font Resizer

Zeno Font Resizer permite a sus visitantes cambiar el tamaño de las fuentes a medida que ven su sitio web. Una cookie mantiene la configuración, por lo que no tienen que cambiarla cada vez que la 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 las cookies. El HTML le permite elegir cómo funciona el cambio de tamaño.

Agregué el cambio de tamaño a la barra lateral usando el widget.

Características principales :

• Ajustar los pasos de cambio de tamaño.
• Establezca tamaños mínimos y máximos.
• Elige el personaje.
• Cookie conserva la configuración del visitante.
• Agréguelo con un 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 su tipografía se destaque y llame la atención de sus 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