Inter typeface for interface and product typography

Tool powered by . Uwarp embeds rsms.me/inter; downloads and license text are on the publisher site.

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. On Uwarp this page embeds the official specimen for samples, downloads, and web CSS. Uwarp does not host font binaries.

Popular Inter searches

These intents match how people find rsms.me/inter. Use the embed for the live specimen and current 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 weight range: Compare 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 on the web: Use one variable file with weight axes where browsers support font-variation-settings.
  5. Inter Tight and optical sizes: Review text vs display cuts and spacing tuned for small UI type.
  6. Web CSS from rsms.me: Copy preconnect, inter.css, and @supports snippets from the live page—not stale blog posts.

What rsms.me/inter offers

Official specimen and implementation docs.

  1. Full weight and italic range: Thin through Black for hierarchy across product surfaces.
  2. Text and display optical sizes: Separate tuning for small UI copy vs large headlines.
  3. InterVariable: Variable font path when your stack supports it.
  4. OpenType for product UI: Tabular figures, slashed zero, and contextual adjustments.
  5. Multilingual coverage: Large glyph set—verify languages you ship on the specimen.
  6. Official web integration: Documented CSS and hosting from rsms.me.

How to use this embed on Uwarp

From specimen to production fonts.

  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 features your UI needs.
  5. Test real content: Proof production strings at target sizes and languages.
  6. Pair with Uwarp 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 on Uwarp

Official specimen embed in your toolkit.

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

Technical notes

Embed boundaries.

  1. Embed source: https://rsms.me/inter/ — specimen, downloads, inter.css.
  2. Licensing: SIL Open Font License 1.1 per the Inter site.
  3. If the frame is blank: Open rsms.me/inter in a new tab.

Frequently Asked Questions

Have questions? We have answers.

More tools from Font Tools.