Fontsource review: serve fonts from your site

Fontsource packages open-source fonts so you can self-host them on a website you publish.¹ Each family is an npm package, meaning installable code.¹ That is a practical way to self-host Google Fonts: the files ship with your site, and a visitor’s browser does not request them from Google.¹⁶ It is for people publishing a website.

Last checked October 28, 2026.

At a glance

What it is: Open-source fonts packaged so a website can serve them itself.¹

Works on: Website projects that use a bundler such as Vite or Webpack. Install with a package manager, or download the font files.²

Price: The packaging software is free of charge. Each font has its own licence.⁵⁷

Licence: MIT for the software. Most fonts use the SIL Open Font License 1.1. Some use Apache 2. Ubuntu fonts use the Ubuntu Font License 1.0.⁵⁷

Best for: People publishing a website who want the typeface served from their own address.

Official site: fontsource.org

What Fontsource does (and how it protects your privacy)

A web font is a typeface the browser downloads so a page looks the same on different computers. A link to Google Fonts makes that browser send the visitor’s IP address, the font address, and headers for the browser, operating system and page.⁶ Google says this API does not set or log cookies, and does not use the data for profiles or targeted ads.⁶ An API is a way for a program to ask a service for data. Fontsource says Google does track font usage, and that self-hosting is the choice for people who are extremely privacy concerned.¹

Install a package and publish the site, and the font files go out with everything else.² Google’s FAQ says that when a font loads from the website operator’s servers, Google receives no data about those visits.⁶ Fontsource also offers a public delivery network run with Cloudflare and jsDelivr.³ The privacy policy says using it sends font requests to those providers, while self-hosting the packages does not send those requests.³ Packages stay version locked, so you update a font the same way you update any other package.¹

The fonts can load offline, which helps where there is little or no internet.¹ The collection also includes fonts from outside Google’s catalogue.¹ For a typeface on your own computer, Inter is a free font you install yourself.

Key features of Fontsource

One package per family: You add only the fonts the site uses.¹
Variable fonts: The variable package covers a continuous range of weights and often needs fewer files.²
Static faces: Otherwise import only the weights and styles you need. For most families the plain import is weight 400.²
Character sets: The CSS uses unicode-range, a note listing which characters are in each file, so the browser downloads only the sets the page uses.²
A locked version: The font stays at the package version you installed.¹
A plain download: You can download the font files from the directory listing if you are not using a package.²
A licence note: The Inter variable package is version 5.3.0 under the SIL Open Font License 1.1, and the package text tells you to read the licence for the family you picked.⁷

Fontsource pros and cons

Pros

The fonts are open source and packaged for self-hosting in a web project.¹
Google says a font loaded from your servers means Google receives no data about those visits.⁶
Versions stay put until you choose to update them.¹
The project is still shipping updates. Release core-v0.6.1 is dated 12 October 2026.⁸

Cons

The package path expects a bundler such as Vite or Webpack, a tool that packs the site’s files for publishing.²
There is no single font licence. Most families use the SIL Open Font License 1.1, some use Apache 2, and Ubuntu fonts use the Ubuntu Font License 1.0.⁷
Public delivery links send font requests to Cloudflare and jsDelivr. The privacy gain is the self-hosted path.³
The catalogue website is separate from the packages. It uses PostHog analytics, sends searches to Algolia, and shows Carbon ads on some pages.³
Google says self-hosting can mean a larger file than the pieces its service sends, no way to ensure compatibility with every browser, and updates you apply yourself.⁶

Is Fontsource safe and private?

Google’s FAQ says that once your site serves the font, Google receives no visit data for it.⁶ Fontsource’s privacy policy, updated on 21 September 2026, names Cloudflare for the website and API, and Cloudflare and jsDelivr for the public delivery network.³ Self-hosting the packages means those font requests are not sent.³ A pasted delivery link still sends them.³

Browsing the catalogue is a different visit. Search terms go to Algolia.³ PostHog records which pages people visit, how they use the site, and where things are slow or break. It uses the IP address and browser details for a temporary identifier, does not save analytics identifiers in cookies or browser storage, and uses EU hosting.³ Some pages show Carbon ads.³ Font tools process files in the browser and do not upload them.³ The software is MIT-licensed, copyright 2024 Ayuhito, and privacy mail goes to [email protected].⁵³ Release core-v0.6.1 is dated 12 October 2026, and the Inter variable package is 5.3.0 as of 19 July 2026.⁸⁷

How to get started with Fontsource

Open fontsource.org and choose a family. Read the licence in its package before you publish.⁷
In a project with a bundler such as Vite or Webpack, install a package. The guide’s variable example is npm install @fontsource-variable/open-sans. With no variable package, use the static one, such as npm install @fontsource/open-sans.²
Import it once where the site starts: import "@fontsource-variable/open-sans";. For a static font, import only the weights you use. The plain import is weight 400 for most families.²
Name the family in CSS, the page’s style rules. The example is font-family: "Open Sans", sans-serif;.²
Build and publish. The packages are meant to be bundled and self-hosted with the application.² On Next.js, the browser then serves those files from the same deployment.⁴
Without a bundler, download the files from the directory listing and put them on your server.² Skip the public delivery link when privacy is the reason you switched: it sends requests to Cloudflare and jsDelivr.³

Who should use Fontsource (and who might prefer something else)

Fontsource suits someone publishing a website who wants the typeface to come from that same site. You might sketch the layout in Penpot and draw icons in Inkscape, then serve the font with a package. It also fits a family that is not on Google’s list.¹

For a document on your own computer, install a font file. Inter is one free family for that. On Next.js, if you only need Google’s catalogue, Fontsource’s guide says next/font also self-hosts the files and does not send the browser to Google.⁴ Choose Fontsource for package versions, fonts outside that catalogue, or direct control of the CSS and files.⁴

Frequently asked questions

Is Fontsource free?

The MIT licence grants the packaging software free of charge.⁵ Font licences differ. Most of the collection uses the SIL Open Font License 1.1, some fonts use Apache 2, and Ubuntu fonts use the Ubuntu Font License 1.0. Read the one in the package you install.⁷

Is Fontsource private?

Self-hosting is the private path: Google receives no visit data for that font, and requests do not go to Cloudflare or jsDelivr.⁶³ The catalogue uses PostHog, Algolia and, on some pages, Carbon ads.³ A delivery-network link still sends the font requests.³

Does Fontsource work on iPhone?

It is not a phone app. It ships font files with a website.² A phone then loads them from your address, which Google’s FAQ describes as loading from the website operator’s servers.⁶ To install a font for your own writing, use a file such as Inter.

Does Fontsource only repackage Google Fonts?

No. It also supports fonts outside the Google Fonts ecosystem.¹ The Inter variable package is one example: version 5.3.0, licence OFL-1.1, npm record updated on 19 July 2026.⁷