En el mundo del marketing digital, la estética desempeña un papel crucial para atraer y cautivar a los visitantes del sitio web. Una forma de mejorar el atractivo visual de tu sitio WordPress es mediante el uso de fuentes personalizadas. Aunque WordPress ofrece una variedad de fuentes incorporadas, es posible que desees destacar con una tipografía única que se alinee con la identidad de tu marca. En este artículo, exploraremos cómo subir tipografías personalizadas a WordPress utilizando el popular plugin llamado «Use Any Font».

Proceso de subida de tipografía

Paso 1: Instalar y activar el plugin «Use Any Font»

Primero, inicia sesión en tu panel de WordPress y navega hasta «Plugins» en el menú de la izquierda. Haz clic en «Añadir nuevo» y luego busca «Use Any Font» en el repositorio de plugins. También puedes descargártelo desde aquí. Una vez que lo encuentres, haz clic en «Instalar ahora» y después en «Activar» para habilitar el plugin.

Paso 2: Obtener los archivos de la tipografía

Antes de subir las fuentes, asegúrate de tener los archivos de fuente necesarios en los formatos requeridos: TTF, OTF, WOFF, WOFF2 o SVG. Puedes obtener estos archivos de proveedores de fuentes confiables o convirtiendo fuentes existentes a estos formatos mediante herramientas online.

Paso 3: Acceder a la configuración de «Use Any Font»

Una vez activado el plugin, encuentra «Use Any Font» en el menú de la izquierda del panel de WordPress. Haz clic en él para acceder a la configuración del plugin.

Paso 4: Seleccionar la API

En la configuración de «Use Any Font», encontrarás una opción para «Seleccionar la API». Puedes seleccionar una API gratuita.

Paso 5: Subir los archivos de la tipografía

En la configuración de «Use Any Font», encontrarás una opción para «Agregar fuentes» («Add Fonts»). Haz clic en este botón y luego utiliza el cargador de archivos para seleccionar los archivos de la tipografía (TTF, OTF, WOFF, WOFF2 o SVG) que deseas subir. Después de elegir los archivos, haz clic en «Subir» para continuar.

Paso 6: Asignación de fuentes

asignar fuente con use any font

Una vez que las fuentes se hayan subido correctamente, debes asignarlas a elementos HTML específicos de tu sitio web. Por ejemplo, si deseas utilizar la tipografía personalizada para todos los encabezados (h1, h2, h3, etc.), simplemente selecciona el elemento correspondiente en la lista desplegable y asígnale la fuente. El plugin «Use Any Font» te permite previsualizar cómo se verá la fuente en tu sitio antes de finalizar la asignación.

En el apartado «Custom Elements» podremos en cada línea indicar un clase css, por ejemplo #content .wrap

Paso 7: Guardar cambios

Después de completar la asignación de fuentes, haz clic en el botón «Guardar cambios» para aplicar la configuración a tu sitio WordPress. La tipografía personalizada estará disponible para su uso en los elementos HTML designados.

Paso 8: Prueba y optimización

Para asegurarte de que todo funciona correctamente, visita tu sitio web y verifica cómo se ve la tipografía personalizada. Realiza los ajustes necesarios al tamaño de la fuente, el interlineado o el espaciado para optimizar la legibilidad y el atractivo visual.