¿Cómo añadir fuentes personalizadas en Astra?

Aunque Astra ofrece una amplia gama de fuentes de Google, también puedes utilizar fácilmente tus propias fuentes personalizadas.

Este documento te ayudará a entender cómo añadir fuentes personalizadas mientras usas el tema Astra.

¿Qué son las fuentes personalizadas?

Las fuentes personalizadas son estilos de letra especiales que puede elegir para su sitio web en lugar de las habituales que utiliza todo el mundo. Te permiten dar a tu sitio un aspecto único.

Estas fuentes son únicas y distintas, y a menudo reflejan la personalidad, la marca o las preferencias de diseño de la entidad para la que se crean.

Por ejemplo, si tiene una marca de ropa elegante, puede elegir un tipo de letra especial que resulte elegante y exclusivo. Esto hará que tu marca destaque y dará a tu sitio web un aire con clase.

O, si dirige una agencia creativa, puede optar por una fuente divertida y diferente que encaje con su estilo creativo, para que su sitio tenga un aspecto fresco y memorable.

Así, las fuentes personalizadas ayudan a que su sitio web tenga un aspecto especial y se adapte mejor a su marca o estilo.

Cómo añadir fuentes personalizadas en Astra

Para utilizar sus propias fuentes personalizadas, debe instalar la aplicación plugin de fuentes personalizadas a su sitio web. A continuación, descargue las fuentes personalizadas que desee y, por último, cárguelas y utilícelas en su sitio web.

Vayamos paso a paso.

En primer lugar, sólo tiene que seguir los pasos que se indican a continuación para añadir y utilizar el plugin de fuentes personalizadas en su sitio web:

• Vaya a su panel de control de WordPress.
• Haga clic en "Plugins" en el menú y seleccione "Añadir nuevo".
• Busque "Fuentes personalizadas" en la barra de búsqueda.
• Haz clic en "Instalar" y luego en "Activar".
• Tras la instalación, active el plugin Fuentes personalizadas.
• Encuentra las opciones del plugin en Dashboard > Appearance > Custom Fonts para personalizar tus fuentes.

Ya está, ha añadido y activado correctamente el plugin de fuentes personalizadas y ya puede personalizar las fuentes de su sitio web.

El siguiente paso sería descargar la fuente personalizada.

Cómo descargar la fuente personalizada

Antes de añadir fuentes a tu sitio web, puedes obtener tus fuentes personalizadas de diversas fuentes. Es importante tener en cuenta que algunas fuentes pueden venir con restricciones de licencia cuando las incorporas a tu sitio web.

A efectos de esta guía, utilizaremos Google Fonts como ejemplo. Puede acceder a Google Fonts en https://www.fontsquirrel.com/.

Una vez elegidas las fuentes en Google Fonts, el siguiente paso es descargar los archivos de fuentes haciendo clic en el botón "Descargar TTF".

Cuando abra el archivo .zip descargado, encontrará archivos de fuentes en varios formatos como TTF, OTF, WOFF, WOFF2, etc.

Estos archivos de fuentes pueden extraerse y guardarse en su ordenador. En función de sus necesidades, podrá cargar posteriormente uno o varios de estos archivos de fuentes en su sitio web, según le convenga.

Cargue y utilice fuentes personalizadas en su sitio web

Una vez que tengas tus archivos de fuentes y el plugin Custom Fonts instalado es hora de subir esta fuente. Vamos a empezar:

• Vaya a Panel de control > Apariencia > Fuentes personalizadas;
• Ahora, haz clic en el botón "Añadir nueva fuente" y dale un nombre a tu fuente. Puede ser cualquier nombre que quieras que sea reconocible para ti. Así es como la fuente se mostrará en la lista de fuentes en el Personalizador. Para este ejemplo, mantendremos el nombre de la fuente - "Nanum Gothic".
• Seleccione el peso de fuente apropiado para el archivo de fuente que está cargando.
• Seleccione su archivo de fuentes.
• Este paso es opcional. Si su fuente tiene más variaciones, desplácese hacia abajo y haga clic en "Añadir variación de fuente".
• Una vez que haya añadido todas las variaciones de fuentes, haga clic en el botón "Guardar fuente" situado en la parte inferior del formulario para guardarla y cargarla.
• La fuente se añadirá automáticamente a la lista de fuentes de todas las opciones tipográficas del Personalizador.

Cómo personalizar la tipografía con la fuente cargada

Una vez que cargue la fuente personalizada en su sitio web, ésta se añadirá automáticamente a la lista de fuentes de todas las opciones tipográficas del Personalizador. Para utilizarla, sigue estos pasos:

• Vaya a Apariencia > Personalizar
• Navegue a cualquier opción de Tipografía que desee editar. En este ejemplo, utilizaremos la fuente cargada en Global > Tipografía > Fuente base.
• Cuando haga clic en el menú desplegable de fuentes, encontrará su nueva fuente en la sección "Otras fuentes del sistema" de la lista. Seleccione aquí su fuente.
• Seleccione las variantes que desea utilizar de entre las disponibles (dependiendo de cuántas haya cargado).
• Haz clic en el botón "Publicar" para aplicar tu fuente.

Siguiendo los pasos anteriores, puedes añadir cualquier fuente personalizada a tu sitio y utilizarlas con el tema Astra.

Espero que le haya sido útil. Pero si tienes alguna pregunta, no dudes en ponerte en contacto con nosotros.