Using Custom Fonts In Tailwind CSS

This page summarizes and extends the software alternatives mentioned in the source post on dev.to.

2021-06-26

Web Fonts Fonts Web Icons

Transfonter Landing Page

1

Transfonter

Modern and simple css @font-face generator

Extract the downloaded zip file from Transfonter, Move all the files into the /public/fonts folder in your project directory.

#Web Icons #Icon Fonts #Vector Icons 15 social mentions
Google Fonts Landing Page
2

Google Fonts

Making the web more beautiful, fast, and open through great typography
Pricing:
- Open Source
If you are not using fonts from a CDN like google fonts.

#Fonts #Web Fonts #Free Fonts 336 social mentions

Discuss: Using Custom Fonts In Tailwind CSS

Related Posts

7 Best Free Icon Libraries

atatus.com // about 1 year ago

Revolutionize Your Icon Collection: 5 CSS Icon Sites to Boost Your Web Designs

bootcamp.uxdesign.cc // 12 months ago

12 Best Free FontAwesome Alternatives in 2023

lineicons.com // 9 months ago

The best Freepik alternatives 2023

photutorial.com // 6 months ago

13 of the Best Font Sites

smallbiztrends.com // about 2 years ago

10+ Best Places to Find Free Fonts

designshack.net // over 2 years ago