Uwarp

Inter typeface for interface and product typography

Open the Inter typeface on rsms.me: a free open source family for interfaces and long text, with many weights, optical sizes, and SIL OFL 1.1; read the live specimen for web CSS and downloads.

What is Inter?

Inter is a free, open source sans-serif typeface by Rasmus Andersson (rsms), designed for a wide range of uses from dense user interfaces to marketing and display settings. The family includes a large glyph set covering many writing systems, weights from thin through black, separate optical-size treatments for text and display, a true italic, and a variable font (InterVariable) for supported environments. The official site documents OpenType features such as tabular numbers, a slashed zero, and contextual punctuation adjustments. The project is distributed under the SIL Open Font License 1.1. This Uwarp page embeds the public specimen at https://rsms.me/inter/ so you can review samples, download links, and the suggested web integration next to your other font tools.

What you can explore on the Inter specimen

Capabilities described on the public rsms Inter microsite.

  1. Full weight and italic range: Compare thin through black, upright and italic, to match toolbars, body text, and marketing locks.
  2. Text and display optical sizes: See how the family tuned for small UI text differs from the display cuts for large headlines.
  3. Variable font path: When the site recommends InterVariable, you can use one file with weight and optical axes where clients support it.
  4. OpenType for product UI: Review tabular figures, disambiguation for zero, and other features that help tables and data-heavy screens.
  5. Web integration snippet: Copy the official CSS and preconnect pattern from the page instead of guessing family names in your stack.

How to use this Inter embed

Move from the specimen to a stable implementation plan.

  1. Pick static or variable deliberately: Match your browser matrix and build pipeline; not every target needs variable delivery on day one.
  2. Set fallbacks and feature flags: Pair Inter with a generic sans stack and the ligature or calt fixes the site notes for real Chrome behavior.
  3. Test real content sizes: Proof with production strings, not only the specimen pangrams, for languages you ship.
  4. Re-read the license for your use case: OFL is permissive but has conditions; keep the license file next to the font files you distribute.

Tips for using Inter in products

A neutral workhorse still needs system decisions.

  1. Limit weights per surface: Too many active weights in one layout can look inconsistent; map roles to a small set.
  2. Check hinting and rendering on Windows: UI fonts should be reviewed on low-DPI and high-DPI displays your audience uses.
  3. Do not override line height without reason: The type was drawn for interface density; large arbitrary leading can waste vertical space in components.
  4. Version your font package: Note the build you froze in your design system so engineers and Figma match the same files.

Who Inter works well for

Teams that need a single family across marketing and app chrome.

  1. Product and design systems: One license-friendly family that scales from data tables to landing hero type.
  2. Open source and documentation sites: Pair easy webfont hosting with a license that many communities already understand.
  3. Multilingual products: Evaluate coverage for the languages you support using the project’s published glyph and language information.
  4. Indie and startup teams: Ship quickly with a well-documented default instead of hunting paid alternatives under deadline.

Benefits of keeping the Inter specimen in your workflow

Embedding the official page reduces mismatch between design files and the CSS your app loads.

  1. Single source of truth for CSS: Use the same link and @supports pattern the author documents instead of a stale third-party blog.
  2. Faster answers on features: When someone asks for tabular figures or italics, point to the live glyph and feature list.
  3. Clear upgrade path: When a new Inter release ships, diff your frozen package against the download on rsms.
  4. Uwarp does not mirror fonts: Uwarp only embeds the page; you still download and host files under the current OFL terms.

Technical notes

This page embeds https://rsms.me/inter/ and adds workflow context in Uwarp.

  1. Embed source: The iframe loads the public Inter microsite, including download links, CSS, and the live specimen.
  2. Licensing: The family is under the SIL Open Font License 1.1; read the full text linked from the Inter site and ship it with any redistributed font binaries.
  3. Third-party frame rules: If the frame is blank, open https://rsms.me/inter/ in a new tab to view the full specimen.

Frequently Asked Questions

Have questions? We have answers.