npm:@bcgov/bc-sans

README

BC Sans

The standard font for B.C. Government digital services is BC Sans. BC Sans is an open source font family, and is a modified version of Noto Sans, developed by Google. BC Sans includes modifications to support Indigenous languages in British Columbia.

Font weights and styles included:

BC Sans Regular - 400
BC Sans Italic - 400
BC Sans Bold - 700
BC Sans Bold Italic - 700

Typography standards for print are on the B.C. Visual Identity Program page.

Download Files

If you are wanting the fonts in different file formats, here are all the options

Download files for web development (.woff)
Download files for your local computer (.otf)
Download all font files (.eot, .ttf, .otf, .woff, .woff2)

Integration

npm i --save @bcgov/bc-sans

React

Embed into a root level component import '@bcgov/bc-sans/css/BCSans.css'

Typography.js

See Typography.js installation instructions here

import Typography from 'typography';
import '@bcgov/bc-sans/css/BCSans.css';

const typography = new Typography({
  baseFontSize: '18px',
  baseLineHeight: 1.25,
  headerFontFamily: ['BCSans', 'Verdana', 'Arial', 'sans-serif'],
  bodyFontFamily: ['BCSans', 'Verdana', 'Arial', 'sans-serif'],
  scaleRatio: 2.074,
});

export default typography;

Integrating it differently? Create a pull request to help us build out the documentation.

Usage no npm install needed!