The Inter Typeface (npm distribution)
This repository is just a means of more easily distributing the font. It tracks the releases of the main inter repository as best as I am able.
At present it only contains the
woff2 formats. As a result it supports versions of Chrome 5; Safari 5.1; Firefox 3.6; Opera 11.5; IE 9; Android 4.4; iOS 5.1 and above.
SCSS files are also available for use with the Sass preprocessor. The
font-display property can be overridden by setting
$inter-font-display to a valid
font-display value before importing the desired
npm install --save inter-ui
Add the following to your SCSS
@use "~inter-ui/default" with (;@use "~inter-ui/variable" with (;html@supports (font-variation-settings: normal)
To avoid having to import all "font faces". You can also use only some of them via SCSS.
If you only want 400 and 700 you can specify exactly this.
@use "~inter-ui/default" as inter-ui with (;
Note that this
@use syntax is not currently supported in the node-sass or ruby sass implementations. We recommend using the primary sass implementation 'dart sass'.
There are several versions you can choose from.
To use them with the modules, just change the
$inter-font-path to e.g.
Inter (web hinted)
Hinted vs Unhinted
As detailed in the main repo:
Inter font files comes in two versions:
- "unhinted" -- Without TrueType hints (the default)
- "hinted" -- With TrueType hints
The TrueType hints are used by ClearType on Windows machines where ClearType is enabled. This usually changes the appearance of the fonts and can in some cases increase the legibility of text.
Additionally, hints are little computer programs that takes up considerable disk space, meaning that font files with hints are larger than those without hints. This might be a consideration when using web fonts.
If you only need support for the latin characters. Then you can use this version.
Inter (web) version average filesize is between 150kb and 100kb,
the reduced latin version is on average 30kb per font.
This was generated using glyphhanger. See
package.json for the build script.