← All news·2026-09-10·3 min read

Inter Font Free Download: The Typeface Behind Figma, NASA, and Mozilla

Inter is a free open-source typeface crafted for computer screens. Used by Figma, Mozilla, NASA, Unity, and GitLab. Add it to any website with two lines of HTML — no install, no signup required.

fontsdesignuivibeassets

I keep noticing the same pattern: vibe-coded projects that look almost-right but somehow still scream "I made this in an afternoon". Usually it's the font. Most agents default to system fonts or something generic, and that gap is immediately visible. Inter fixes it — its one of those quiet upgrades that makes everything look more intentional.

Inter was created by Rasmus Andersson, specifically for computer screens. The typeface is used by Figma, GitLab, Mozilla, NASA, Unity, ISO, Zurich Airport, and the Guggenheim museums. It's not a trendy choice — its a default-level standard for product design at this point. And it's completely free.

Source

rsms/inter

19,873Python

Open on GitHub →

Inter is a variable font — one file that covers all weights from thin to black, including italics. That means you don't need to load seven separate files for different heading weights. It also has a bunch of OpenType features like a slashed zero (so you can tell 0 from O), tabular numbers for aligning prices or stats, and contextual alternates that adjust punctuation based on surrounding letters.

How to add Inter font to your website

The easiest way is the official CDN — no npm, no install. Two lines in the HTML head and one line of CSS, and you're done. The CDN is hosted by the font's own author, so it's reliable and always current.

Add to HTML <head>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
Apply in CSS
:root { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: 'Inter var', sans-serif; }
}

The @supports block makes the variable version load if the browser supports it — which all modern browsers do. If you just want the simple version, the first line alone works fine. Give this to your agent and it'll handle the rest.

What to tell your agent

"Add the Inter font from rsms.me/inter/inter.css to the HTML head (two preconnect and stylesheet links). Then apply it as the default font in the CSS: :root { font-family: 'Inter var', sans-serif; }"

Is the Inter font free to use

Yes. Inter is free and open source, licensed under the SIL Open Font License 1.1 — which means you can use it in personal and commercial projects, embed it in products, and distribute it. No attribution required, no cost, no strings. The README says "Can I legally use Inter for my purpose? Most likely yes!". Note: Inter is also listed on Google Fonts, but the author explicitly recommends NOT using that version — it's outdated and missing italics. Use the CDN from rsms.me instead.

What font to use instead of Inter

Honestly? Most projects don't need an alternative. But if you want something with more personality: DM Sans has a similar clean feel with slightly more character. Geist (by Vercel) is another screen-optimized choice that pairs well with code. For something with more warmth, Nunito or Plus Jakarta Sans work well. All of these are available as free downloads.

What you get

A free, variable-weight typeface designed specifically for screens — used by Figma, NASA, Mozilla and dozens of major products. Two HTML lines and one CSS rule. Tell your agent the CDN address from rsms.me/inter and it'll wire everything up. Your site will stop looking like a first draft.

Source: github.com

Free course

Stop reading about AI — start building with it

The free Claude Code course: your first site, tool or game — no coding. No upsells, no cross-sells — nothing to buy here.

Start free →
EAEvgenii Arsentev

Author

Evgenii Arsentev

PhD · AI transformation executive