Tailwindcss es una excelente herramienta de utilidad css que hace el diseño de su sitio web sea aún más rápido. Cambiar la fuente de su sitio puede ser una característica clave para que tenga su propio estilo. Sin embargo, cuando se usan fuentes externas con tailwind, se requiere un poco más de configuración. Para esta post, supondré que ya has configurado Tailwind en tu proyecto.

(Opcional) Encontrando un tipo de texto

Primero busquemos una fuente. Puede usar cualquier sitio que desees, pero para esta publicación yo use Google fonts. Puede navegar y encontrar la fuente que desees.

Importing the font

En el archivo css de su proyecto, deberá importar la fuente de la siguiente manera:

Nota que estoy usando Lato como mi fuente deseada.

Extender tu tema

A continuación, tenemos que extender el tema utilizado en la configuración de tailwind.

Y con eso, ya está todo hecho.

Últimas notas

Esta es uno de las formas en la que puedes cambiar la fuente de texto. Ciertamente hay otras posible formas de lograr los mismos resultados. No obstante, el uso de otras fuentes puede darle al sitio su propia marca única.