Anchor Design System

Mulish

Mulish is a font used by MBF

Introduction

Mulish is used by MBF in their branding.

Installation

npm i @fontsource/mulish

Usage

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

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

Supported variables:

Weights: [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: "Mulish";
}

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

On this page