• Synopsis
• Install
• Usage
• Example

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
## OR
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';