Type discovery, refined.
FontSide maps open-source typefaces across visual traits, metrics, and stylistic personalities, making it effortless to find clean, self-hosted web fonts.
Filter by Personality
Adjust the range sliders below. We filter our curated showcase fonts to show only the ones that fall within your target design ranges.
The quick brown fox jumps over the lazy dog
Integration in
one terminal command.
We use Fontsource package integrations to serve fonts directly from self-hosted npm packages. This eliminates third-party trackers, avoids slow external DNS handshakes, and ensures zero layout shifts on page load.
1. Install the NPM package
Every font is versioned and distributed via npm. Install it with your preferred package manager:
pnpm add @fontsource-variable/inter2. Import in your stylesheet
Import the stylesheet in your CSS entrypoint or Tailwind configuration. No link tags or script injection required:
@import '@fontsource-variable/inter/opsz.css';Find alternatives,
not just synonyms.
If a font has restricted licensing, lacks necessary language weights, or is overused in your industry, FontSide maps similar structural and stylistic designs. Get matched to open-source alternatives that preserve the visual essence of your brand.
Supercharge your typography workflow.
Unlock curated font lists, similarity search recommendations, and support the development of design tools.
Frequently Asked Questions
Everything you need to know about font licensing, downloads, and integrations.
Have questions or feedback?
We want to make font discovery as seamless as possible. For inquiries, corrections, font addition requests, or general support, get in touch with us.