Inter typeface for interface and product typography

Tool powered by Inter on rsms.me.

Inter typeface on rsms.me/inter: open source UI font, Inter Black, slashed zero, InterVariable, SIL OFL 1.1. Embed the official specimen and web CSS.

What is Inter?

Inter is a free open source sans-serif by Rasmus Andersson at rsms.me/inter—built for UI density and long text, with weights through Black, text and display optical sizes, true italics, and InterVariable. OpenType features include tabular figures and a slashed zero. The project uses SIL Open Font License 1.1. This site does not host font binaries.

What rsms.me/inter offers

Official specimen—Inter font download, Inter Black weights, slashed zero, InterVariable, and web CSS.

  1. Inter font download: Get static and variable builds from the official specimen—ship OFL license text with your bundle.
  2. Inter Black and full weight range: Thin through Black, upright and italic, for toolbars, body, and marketing locks.
  3. Slashed zero and UI figures: Enable disambiguation for zero and tabular numbers in data-heavy interfaces.
  4. InterVariable and optical sizes: One variable file with weight axes where supported; text vs display cuts including Inter Tight–style spacing for small UI.
  5. Multilingual coverage: Large glyph set—verify languages you ship on the specimen.
  6. Official web CSS from rsms.me: Copy preconnect, inter.css, and @supports snippets from the live page—not stale blog posts.

How to use Inter

From specimen to production fonts—download, copy CSS, enable features.

  1. Open rsms.me/inter: Use the iframe or open the specimen in a new tab.
  2. Choose static or variable: Match browser matrix and build pipeline to your release.
  3. Copy web CSS: Follow the current preconnect and stylesheet pattern on the live page.
  4. Set fallbacks and features: Pair with a generic sans stack; enable slashed zero and tabular figures your UI needs.
  5. Test real content: Proof production strings at target sizes and languages.
  6. Pair with font tools: Use `/fontjoy` for pairing ideas or `/fontshare` for alternate free UI sans.

Tips for using Inter in products

A neutral workhorse still needs system rules.

  1. Limit weights per surface: Map roles to a small set to avoid visual noise.
  2. Check Windows rendering: Review low-DPI and high-DPI displays your users have.
  3. Version your font package: Freeze the build in design systems so Figma matches code.
  4. Keep the OFL file: Include license text when you redistribute font binaries.

Who Inter works well for

Teams shipping one family across app and marketing.

  1. Product and design systems: Tables, forms, and marketing from one OFL-friendly family.
  2. Open source projects: Well-known license and documented web path.
  3. Multilingual products: Evaluate glyph coverage on the official specimen.
  4. Startups under deadline: Ship with a documented default instead of hunting paid licenses first.

Why open Inter

Official specimen in your font toolkit.

  1. Stable directory path: Link `/inter` in design system docs.
  2. Single source for CSS: Same rsms.me snippets designers and engineers reference.
  3. This site does not mirror fonts: Download binaries from rsms.me under current OFL terms.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Font Tools.

View all Font Tools