Synopsis
By Caroline Hadilaksono and Tyler Finck (last update: November 14, 2017)
Junction is a a humanist sans-serif, and the first open-source type project started by The League of Moveable Type. It has been updated (2014) to include additional weights (light/bold) and expanded international support.
Install
Install the fontface via npm.
npm install --save @easyfonts/league-junction-typeface
yarn add @easyfonts/league-junction-typeface
Usage
Include the font in your build with
import '@easyfonts/leaugue-junction-typeface';
Specify the font-family
name:
.someclass {
font-family: Junction;
}
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-junction-typeface/light'; | 200 |
import '@easyfonts/leaugue-junction-typeface/regular'; | 400 |
import '@easyfonts/leaugue-junction-typeface/bold'; | 700 |
Example
Include only extra-bold for your bundle
javascript:
import '@easyfonts/leaugue-junction-typeface/bold';
css:
@import '@easyfonts/leaugue-junction-typeface/bold';
Include regular and bold in your bundle;
javascript:
import '@easyfonts/leaugue-junction-typeface/regular';
import '@easyfonts/leaugue-junction-typeface/bold';
css:
@import '@easyfonts/leaugue-junction-typeface/regular';
@import '@easyfonts/leaugue-junction-typeface/bold';