@bcgov/bc-sans

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
• BC Sans Light - 300
• BC Sans Light Italic - 300

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 all font files (.eot, .ttf, .otf, .woff, .woff2)
• Download files for your local computer (.otf, .ttf)

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: '16px',
  baseLineHeight: 1.25,
  headerFontFamily: ['BCSans', 'Noto Sans', 'Verdana', 'Arial', 'sans-serif'],
  bodyFontFamily: ['BCSans', 'Noto Sans', 'Verdana', 'Arial', 'sans-serif'],
  scaleRatio: 2.074,
});

export default typography;

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