@easyfonts/league-mono-typeface v1.0.4
Synopsis
By Tyler Finck (last update: November 14, 2017)
League Mono is a mashup of sorts, inspired by some beautiful forms found in both Fira Mono, Libertinus Mono, and Courier(?!).
League Mono was created for The League of Moveable Type using Glyphs app, with masters for the Thin, Regular, and Bold weights, and interpolated instances for the UltraLight, Light, Medium, SemiBold, and ExtraBold weights. This, unfortunately, is not supported by UFO files, which is why there is a Glyphs source and source files for each weight.
Install
Install the fontface via npm.
npm install --save @easyfonts/league-mono-typeface
## OR
yarn add @easyfonts/league-mono-typefaceUsage
Include the font in your build with
import '@easyfonts/league-mono-typeface';Reference in your css
.someclass {
font-family: 'League Mono';
}This will install all fontfiles and (1.1Mb).
If you are not using all font weights you can select a subset of fontfiles to be included into your build based on the font-weight
| import statement | font-weight |
|---|---|
import '@easyfonts/leaugue-mono-typeface/ultralight.css'; | 100 |
import '@easyfonts/leaugue-mono-typeface/light.css'; | 200 |
import '@easyfonts/leaugue-mono-typeface/thin.css'; | 300 |
import '@easyfonts/leaugue-mono-typeface/regular.css'; | 400 |
import '@easyfonts/leaugue-mono-typeface/medium.css'; | 500 |
import '@easyfonts/leaugue-mono-typeface/semibold.css'; | 600 |
import '@easyfonts/leaugue-mono-typeface/bold.css'; | 700 |
import '@easyfonts/leaugue-mono-typeface/extra-bold.css'; | 800 |
Example
Include only extra-bold in your bundle
import '@easyfonts/leaugue-mono-typeface/extra-bold.css';Include regular and semibild in your bundle;
import '@easyfonts/leaugue-mono-typeface/regular.css';
import '@easyfonts/leaugue-mono-typeface/semibold.css';