mirror of
https://github.com/rsms/inter.git
synced 2025-01-08 09:19:54 +03:00
124 lines
5.5 KiB
Markdown
124 lines
5.5 KiB
Markdown
# Inter
|
|
|
|
Inter is a typeface carefully crafted & designed for computer screens.
|
|
Inter features a tall x-height to aid in readability of mixed-case and lower-case text.
|
|
Inter is a [variable font](https://rsms.me/inter/#variable) with
|
|
several [OpenType features](https://rsms.me/inter/#features), like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.
|
|
|
|
[**Download Inter font files…**](https://github.com/rsms/inter/releases/latest)
|
|
|
|
<br>
|
|
|
|
[](https://rsms.me/inter/samples/)
|
|
|
|
|
|
### Quick questions
|
|
|
|
- **Where can I get Inter?** [Here](https://github.com/rsms/inter/releases/latest)
|
|
- **I think I found a bug. How can I let you know?** [Open an issue here](https://github.com/rsms/inter/issues/new?template=bug_report.md)
|
|
- **I have a question. Where can I get help?** [Post in Discussions Q&A](https://github.com/rsms/inter/discussions/categories/q-a)
|
|
- **Should I use Inter from Google Fonts?** No, unless you have no other choice.
|
|
(outdated, no italics)
|
|
- **Can I legally use Inter for my purpose?** Most likely _yes!_ Inter is free and open source.
|
|
([Read the license](LICENSE.txt) for details.)
|
|
|
|
|
|
## Using & installing Inter
|
|
|
|
- [**Download the latest font files…**](https://github.com/rsms/inter/releases/latest)
|
|
- To use Inter on a web page, use the official
|
|
[CDN distribution](https://rsms.me/inter/inter.css) with the following HTML and CSS:
|
|
|
|
```html
|
|
<link rel="preconnect" href="https://rsms.me/">
|
|
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
|
|
```
|
|
|
|
```css
|
|
:root { font-family: 'Inter', sans-serif; }
|
|
@supports (font-variation-settings: normal) {
|
|
:root { font-family: 'Inter var', sans-serif; }
|
|
}
|
|
```
|
|
|
|
### Alternate distributions
|
|
|
|
- [NPM `inter-ui`](https://www.npmjs.com/package/inter-ui)
|
|
- [Homebrew `font-inter`](https://github.com/Homebrew/homebrew-cask-fonts)
|
|
- [Ubuntu `fonts-inter`](https://packages.ubuntu.com/search?keywords=fonts-inter)
|
|
- [List of Inter available on various Linux distributions…](https://repology.org/project/fonts:inter/versions)
|
|
- [Google Fonts](https://fonts.google.com/specimen/Inter) (outdated version, no italics)
|
|
|
|
**Disclaimer:** Alternate distributions may not always be up-to-date.
|
|
|
|
|
|
### Derivative versions
|
|
|
|
- [Inter with Shavian character support](https://github.com/Shavian-info/interalia)
|
|
|
|
|
|
## Notable projects using Inter
|
|
|
|
- [Figma](https://figma.com/)
|
|
- [Unity](https://unity.com/)
|
|
- [ElementaryOS](https://elementary.io/)
|
|
- [Zurich Airport](https://flughafen-zuerich.ch/)
|
|
- [Element software suite](https://element.io/)
|
|
- [Mozilla brand](https://mozilla.design/firefox/typography/)
|
|
- [GitHub brand and documentation](https://github.com/about)
|
|
- [Pixar Presto](https://en.wikipedia.org/wiki/Presto_(animation_software))
|
|
- [Minimalissimo magazine](https://minimalissimo.com/)
|
|
|
|
|
|
> **Have you made something nice with Inter?**<br>
|
|
> [Please share in Show & Tell! →](https://github.com/rsms/inter/discussions/categories/show-and-tell)
|
|
|
|
|
|
## Supporters & contributors
|
|
|
|
A wholehearted **Thank You** to everyone who supports the Inter project!
|
|
|
|
Special thanks to
|
|
[@thundernixon](https://github.com/thundernixon) and
|
|
[@KatjaSchimmel](https://github.com/KatjaSchimmel)
|
|
who have put in significant effort into making Inter what it is through
|
|
their contributions ♡
|
|
|
|
See [graphs/contributors](https://github.com/rsms/inter/graphs/contributors)
|
|
for a complete list of all contributors.
|
|
|
|
|
|
## Contributing to this project
|
|
|
|
For instructions on how to work with the source files and how to
|
|
[compile & build font files](CONTRIBUTING.md#compiling-font-files),
|
|
refer to [**CONTRIBUTING.md**](CONTRIBUTING.md).
|
|
|
|
Inter is licensed under the [SIL Open Font License](LICENSE.txt)
|
|
|
|
|
|
## Design
|
|
|
|
_This section discusses some of the design choices made for Inter._
|
|
|
|
Inter can be classified as a geometric neo-grotesque, similar in style to Roboto, Apple San Francisco, Akkurat, Asap, Lucida Grande and more. Some trade-offs were made in order to make this typeface work really well at small sizes:
|
|
|
|
- Early versions of Inter was not suitable for very large sizes because of some small-scale glyph optimizations (like "pits" and "traps") that help rasterization at small sizes but stand out and interfere at large sizes. However today Inter works well at large sizes and a [Display subfamily](https://github.com/rsms/inter/releases/tag/display-beta-1) is in the works for really large "display" sizes.
|
|
|
|
- Rasterized at sizes below 12px, some stems—like the horizontal center of "E", "F", or vertical center of "m"—are drawn with two semi-opaque pixels instead of one solid. This is because we "prioritize" (optimize for) higher-density rasterizations. If we move these stems to an off-center position—so that they can be drawn sharply at e.g. 11px—text will be less legible at higher resolutions.
|
|
|
|
Inter is a [variable font](https://rsms.me/inter/#variable) and is in addition also distributed as a set of traditional distinct font files in the following styles:
|
|
|
|
| Roman (upright) name | Italic name | Weight
|
|
| -------------------- | -------------------- | ------------
|
|
| Thin | Thin Italic | 100
|
|
| Extra Light | Extra Light Italic | 200
|
|
| Light | Light Italic | 300
|
|
| Regular | Italic | 400
|
|
| Medium | Medium Italic | 500
|
|
| Semi Bold | Semi Bold Italic | 600
|
|
| Bold | Bold Italic | 700
|
|
| Extra Bold | Extra Bold Italic | 800
|
|
| Black | Black Italic | 900
|
|
|