Some fonts you might like …

18 families, resolved through google and fontshare at build time, subsetted to the glyphs below and served from here.

Browse the whole catalogue →

Or build a stack, see what other people have published, or browse the families only npm can resolve.

Consistent font metadata

One shape for every provider

Every font CDN has its own API. unifont provides consistent metadata and @font-face data you can hand straight to the browser.

Runs wherever your code does

It runs anywhere: Node, Bun, Deno, workers, and the browser, via a self-hostable proxy. This site is (of course!) powered by unifont.

… or let a bundler do it

Use fontless in any Vite app, or @nuxt/fonts in Nuxt. They wrap unifont, download and host your fonts, and inject metric fallbacks to reduce layout shift. Or find out how to build the same thing yourself with fontaine.

npm i unifont

import { createUnifont, providers } from 'unifont'

const unifont = await createUnifont([
  providers.google(),
  providers.fontshare(),
])

await unifont.getFontProperties('Switzer')
// → { weights: ['300', …], styles: ['normal', 'italic'], … }

Built-in providers

Provider	Metadata from	Families	Notes
`google`	fonts.google.com	1,946	The largest open library. Serves woff2, with a unicode range per subset.
`bunny`	fonts.bunny.net	1,967	A privacy-minded mirror of the Google library. Same families, different CDN.
`fontshare`	api.fontshare.com	100	Indian Type Foundry’s library, free for commercial use.
`fontsource`	api.fontsource.org	2,100	Open fonts packaged for npm, served from jsDelivr.
`googleicons`	fonts.google.com	8	Material Symbols, as variable icon fonts.
`adobe`	typekit.com	— can’t be listed	Needs a Typekit project id, so this site can't ask it on your behalf.
`npm`	jsDelivr	27	Any font published to npm. The registry cannot be listed, so the catalogue carries a curated set the font CDNs do not.

Provider documentation · Create your own provider

Where to go next

Catalogue: Every family the providers will list. Search it, or filter by provider.
Compare: Ask every provider for the same family and see how the answers differ.
Docs: Install it, resolve a family, cache the results, write your own provider.
API: Every page here is an HTTP endpoint you can call yourself.

Every font CDN, one lookup.