Free Web Fonts: Explore 1500+ Free Fonts on Fontsource

I always waste too much time choosing fonts when working on a project. Google Fonts are ok but they have a small latency (since they use a CDN) and, well, it kind of feels weird to use a font hosted on Google’s CDN for a privacy-first project. With Fontsource, you can use any of those 1500+ fonts without having to make an external request, they’re all hosted directly in your project.

Head over to fontsource.org, check out the directory, click on the font you prefer, and send its name to your agent. All Google Fonts are included here, plus many other ones you won’t find on Google. The font will be included in your project so it will work offline, it will load fast, and it won’t break due to random updates (Google occasionally bumps the version of their fonts, breaking websites).

1How to use Fontsource in your project

Visit fontsource.org/fonts and check out the directory. You can filter by type: Serif, Sans-serif, Display, Monospace. When you found a font you like, simply copy its name and send it to your agent. Here are some examples of popular fonts you can use:

If you want to get more specific, your agent can run the following code:

npm install @fontsource/inter

import '@fontsource/inter';
/* then in CSS: */
font-family: 'Inter', sans-serif;

(replace inter with the font name you want, e.g. “inter”)

npm install @fontsource/playfair-display