Package Exports

webfont-montserrat
webfont-montserrat/dist/index.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (webfont-montserrat) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

WebFont: Montserrat

The webfont-montserrat package simplifies self-hosting the Montserrat Font for your web applications. This means you can use the font without relying on external services. It works with both vanilla CSS and popular frameworks like Tailwind.

Getting Started

Install the package:

npm i -S webfont-montserrat

Import it into your main stylesheet:

@import url("/node_modules/webfont-montserrat/dist/index.css");

html {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ...;
}

Alternatively, if you're using Tailwind CSS:

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    ...;
  }
}

JSPM