Montserrat

Introduction

Montserrat is used by IDA in their branding.

Installation

npm i @fontsource/montserrat

Usage

Within your app entry file or site component, import it in.

import "@fontsource/montserrat"; // Defaults to weight 400
import "@fontsource/montserrat/400.css"; // Specify weight
import "@fontsource/montserrat/400-italic.css"; // Specify weight and style

Supported variables:

Weights: [100,200,300,400,500,600,700,800,900]
Styles: [italic,normal]
Subsets: [cyrillic,cyrillic-ext,latin,latin-ext,vietnamese]

Note: italic may not be supported by all fonts. To learn more about what weights and styles are supported, please visit the Fontsource website.

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

body {
  font-family: "Montserrat";
}

Up to date usage documentation can be found here
https://www.npmjs.com/package/@fontsource/montserrat