Merriweather

Introduction

Merriweather is used by FDM in their branding.

Installation

npm i @fontsource/merriweather

Usage

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

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

Supported variables:

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

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