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.

  • Inter font download

    Get static and variable builds from the official specimen—ship OFL license text with your bundle.

  • Inter Black and full weight range

    Thin through Black, upright and italic, for toolbars, body, and marketing locks.

  • Slashed zero and UI figures

    Enable disambiguation for zero and tabular numbers in data-heavy interfaces.

  • InterVariable and optical sizes

    One variable file with weight axes where supported; text vs display cuts including Inter Tight–style spacing for small UI.

  • Multilingual coverage

    Large glyph set—verify languages you ship on the specimen.

  • 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 `/curated/fontshare` for alternate free UI sans.

Tips for using Inter in products

A neutral workhorse still needs system rules.
  • 01

    Limit weights per surface

    Map roles to a small set to avoid visual noise.

  • 02

    Check Windows rendering

    Review low-DPI and high-DPI displays your users have.

  • 03

    Version your font package

    Freeze the build in design systems so Figma matches code.

  • 04

    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.

  • Stable directory path

    Link `/inter` in design system docs.

  • Single source for CSS

    Same rsms.me snippets designers and engineers reference.

  • This site does not mirror fonts

    Download binaries from rsms.me under current OFL terms.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.