JSPM

  • Created
  • Published
  • Downloads 1258
  • Score
    100M100P100Q133013F
  • License OFL-1.1

Self-host the Noto Sans Mono font in a neatly bundled NPM package.

Package Exports

  • @fontsource/noto-sans-mono
  • @fontsource/noto-sans-mono/100
  • @fontsource/noto-sans-mono/100.css
  • @fontsource/noto-sans-mono/200
  • @fontsource/noto-sans-mono/200.css
  • @fontsource/noto-sans-mono/300
  • @fontsource/noto-sans-mono/300.css
  • @fontsource/noto-sans-mono/400
  • @fontsource/noto-sans-mono/400.css
  • @fontsource/noto-sans-mono/500
  • @fontsource/noto-sans-mono/500.css
  • @fontsource/noto-sans-mono/600
  • @fontsource/noto-sans-mono/600.css
  • @fontsource/noto-sans-mono/700
  • @fontsource/noto-sans-mono/700.css
  • @fontsource/noto-sans-mono/800
  • @fontsource/noto-sans-mono/800.css
  • @fontsource/noto-sans-mono/900
  • @fontsource/noto-sans-mono/900.css
  • @fontsource/noto-sans-mono/LICENSE
  • @fontsource/noto-sans-mono/cyrillic
  • @fontsource/noto-sans-mono/cyrillic-100
  • @fontsource/noto-sans-mono/cyrillic-100.css
  • @fontsource/noto-sans-mono/cyrillic-200
  • @fontsource/noto-sans-mono/cyrillic-200.css
  • @fontsource/noto-sans-mono/cyrillic-300
  • @fontsource/noto-sans-mono/cyrillic-300.css
  • @fontsource/noto-sans-mono/cyrillic-400
  • @fontsource/noto-sans-mono/cyrillic-400.css
  • @fontsource/noto-sans-mono/cyrillic-500
  • @fontsource/noto-sans-mono/cyrillic-500.css
  • @fontsource/noto-sans-mono/cyrillic-600
  • @fontsource/noto-sans-mono/cyrillic-600.css
  • @fontsource/noto-sans-mono/cyrillic-700
  • @fontsource/noto-sans-mono/cyrillic-700.css
  • @fontsource/noto-sans-mono/cyrillic-800
  • @fontsource/noto-sans-mono/cyrillic-800.css
  • @fontsource/noto-sans-mono/cyrillic-900
  • @fontsource/noto-sans-mono/cyrillic-900.css
  • @fontsource/noto-sans-mono/cyrillic-ext
  • @fontsource/noto-sans-mono/cyrillic-ext-100
  • @fontsource/noto-sans-mono/cyrillic-ext-100.css
  • @fontsource/noto-sans-mono/cyrillic-ext-200
  • @fontsource/noto-sans-mono/cyrillic-ext-200.css
  • @fontsource/noto-sans-mono/cyrillic-ext-300
  • @fontsource/noto-sans-mono/cyrillic-ext-300.css
  • @fontsource/noto-sans-mono/cyrillic-ext-400
  • @fontsource/noto-sans-mono/cyrillic-ext-400.css
  • @fontsource/noto-sans-mono/cyrillic-ext-500
  • @fontsource/noto-sans-mono/cyrillic-ext-500.css
  • @fontsource/noto-sans-mono/cyrillic-ext-600
  • @fontsource/noto-sans-mono/cyrillic-ext-600.css
  • @fontsource/noto-sans-mono/cyrillic-ext-700
  • @fontsource/noto-sans-mono/cyrillic-ext-700.css
  • @fontsource/noto-sans-mono/cyrillic-ext-800
  • @fontsource/noto-sans-mono/cyrillic-ext-800.css
  • @fontsource/noto-sans-mono/cyrillic-ext-900
  • @fontsource/noto-sans-mono/cyrillic-ext-900.css
  • @fontsource/noto-sans-mono/cyrillic-ext.css
  • @fontsource/noto-sans-mono/cyrillic.css
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-100-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-100-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-200-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-200-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-300-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-300-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-400-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-400-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-500-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-500-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-600-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-600-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-700-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-700-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-800-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-800-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-900-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-900-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-100-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-100-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-200-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-200-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-300-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-300-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-400-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-400-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-500-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-500-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-600-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-600-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-700-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-700-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-800-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-800-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-900-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-cyrillic-ext-900-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-100-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-100-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-200-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-200-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-300-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-300-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-400-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-400-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-500-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-500-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-600-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-600-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-700-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-700-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-800-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-800-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-900-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-900-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-100-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-100-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-200-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-200-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-300-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-300-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-400-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-400-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-500-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-500-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-600-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-600-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-700-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-700-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-800-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-800-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-900-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-greek-ext-900-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-100-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-100-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-200-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-200-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-300-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-300-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-400-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-400-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-500-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-500-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-600-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-600-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-700-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-700-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-800-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-800-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-900-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-900-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-100-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-100-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-200-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-200-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-300-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-300-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-400-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-400-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-500-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-500-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-600-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-600-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-700-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-700-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-800-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-800-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-900-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-latin-ext-900-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-100-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-100-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-200-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-200-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-300-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-300-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-400-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-400-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-500-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-500-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-600-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-600-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-700-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-700-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-800-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-800-normal.woff2
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-900-normal.woff
  • @fontsource/noto-sans-mono/files/noto-sans-mono-vietnamese-900-normal.woff2
  • @fontsource/noto-sans-mono/greek
  • @fontsource/noto-sans-mono/greek-100
  • @fontsource/noto-sans-mono/greek-100.css
  • @fontsource/noto-sans-mono/greek-200
  • @fontsource/noto-sans-mono/greek-200.css
  • @fontsource/noto-sans-mono/greek-300
  • @fontsource/noto-sans-mono/greek-300.css
  • @fontsource/noto-sans-mono/greek-400
  • @fontsource/noto-sans-mono/greek-400.css
  • @fontsource/noto-sans-mono/greek-500
  • @fontsource/noto-sans-mono/greek-500.css
  • @fontsource/noto-sans-mono/greek-600
  • @fontsource/noto-sans-mono/greek-600.css
  • @fontsource/noto-sans-mono/greek-700
  • @fontsource/noto-sans-mono/greek-700.css
  • @fontsource/noto-sans-mono/greek-800
  • @fontsource/noto-sans-mono/greek-800.css
  • @fontsource/noto-sans-mono/greek-900
  • @fontsource/noto-sans-mono/greek-900.css
  • @fontsource/noto-sans-mono/greek-ext
  • @fontsource/noto-sans-mono/greek-ext-100
  • @fontsource/noto-sans-mono/greek-ext-100.css
  • @fontsource/noto-sans-mono/greek-ext-200
  • @fontsource/noto-sans-mono/greek-ext-200.css
  • @fontsource/noto-sans-mono/greek-ext-300
  • @fontsource/noto-sans-mono/greek-ext-300.css
  • @fontsource/noto-sans-mono/greek-ext-400
  • @fontsource/noto-sans-mono/greek-ext-400.css
  • @fontsource/noto-sans-mono/greek-ext-500
  • @fontsource/noto-sans-mono/greek-ext-500.css
  • @fontsource/noto-sans-mono/greek-ext-600
  • @fontsource/noto-sans-mono/greek-ext-600.css
  • @fontsource/noto-sans-mono/greek-ext-700
  • @fontsource/noto-sans-mono/greek-ext-700.css
  • @fontsource/noto-sans-mono/greek-ext-800
  • @fontsource/noto-sans-mono/greek-ext-800.css
  • @fontsource/noto-sans-mono/greek-ext-900
  • @fontsource/noto-sans-mono/greek-ext-900.css
  • @fontsource/noto-sans-mono/greek-ext.css
  • @fontsource/noto-sans-mono/greek.css
  • @fontsource/noto-sans-mono/index
  • @fontsource/noto-sans-mono/index.css
  • @fontsource/noto-sans-mono/latin
  • @fontsource/noto-sans-mono/latin-100
  • @fontsource/noto-sans-mono/latin-100.css
  • @fontsource/noto-sans-mono/latin-200
  • @fontsource/noto-sans-mono/latin-200.css
  • @fontsource/noto-sans-mono/latin-300
  • @fontsource/noto-sans-mono/latin-300.css
  • @fontsource/noto-sans-mono/latin-400
  • @fontsource/noto-sans-mono/latin-400.css
  • @fontsource/noto-sans-mono/latin-500
  • @fontsource/noto-sans-mono/latin-500.css
  • @fontsource/noto-sans-mono/latin-600
  • @fontsource/noto-sans-mono/latin-600.css
  • @fontsource/noto-sans-mono/latin-700
  • @fontsource/noto-sans-mono/latin-700.css
  • @fontsource/noto-sans-mono/latin-800
  • @fontsource/noto-sans-mono/latin-800.css
  • @fontsource/noto-sans-mono/latin-900
  • @fontsource/noto-sans-mono/latin-900.css
  • @fontsource/noto-sans-mono/latin-ext
  • @fontsource/noto-sans-mono/latin-ext-100
  • @fontsource/noto-sans-mono/latin-ext-100.css
  • @fontsource/noto-sans-mono/latin-ext-200
  • @fontsource/noto-sans-mono/latin-ext-200.css
  • @fontsource/noto-sans-mono/latin-ext-300
  • @fontsource/noto-sans-mono/latin-ext-300.css
  • @fontsource/noto-sans-mono/latin-ext-400
  • @fontsource/noto-sans-mono/latin-ext-400.css
  • @fontsource/noto-sans-mono/latin-ext-500
  • @fontsource/noto-sans-mono/latin-ext-500.css
  • @fontsource/noto-sans-mono/latin-ext-600
  • @fontsource/noto-sans-mono/latin-ext-600.css
  • @fontsource/noto-sans-mono/latin-ext-700
  • @fontsource/noto-sans-mono/latin-ext-700.css
  • @fontsource/noto-sans-mono/latin-ext-800
  • @fontsource/noto-sans-mono/latin-ext-800.css
  • @fontsource/noto-sans-mono/latin-ext-900
  • @fontsource/noto-sans-mono/latin-ext-900.css
  • @fontsource/noto-sans-mono/latin-ext.css
  • @fontsource/noto-sans-mono/latin.css
  • @fontsource/noto-sans-mono/metadata.json
  • @fontsource/noto-sans-mono/package.json
  • @fontsource/noto-sans-mono/scss
  • @fontsource/noto-sans-mono/unicode.json
  • @fontsource/noto-sans-mono/vietnamese
  • @fontsource/noto-sans-mono/vietnamese-100
  • @fontsource/noto-sans-mono/vietnamese-100.css
  • @fontsource/noto-sans-mono/vietnamese-200
  • @fontsource/noto-sans-mono/vietnamese-200.css
  • @fontsource/noto-sans-mono/vietnamese-300
  • @fontsource/noto-sans-mono/vietnamese-300.css
  • @fontsource/noto-sans-mono/vietnamese-400
  • @fontsource/noto-sans-mono/vietnamese-400.css
  • @fontsource/noto-sans-mono/vietnamese-500
  • @fontsource/noto-sans-mono/vietnamese-500.css
  • @fontsource/noto-sans-mono/vietnamese-600
  • @fontsource/noto-sans-mono/vietnamese-600.css
  • @fontsource/noto-sans-mono/vietnamese-700
  • @fontsource/noto-sans-mono/vietnamese-700.css
  • @fontsource/noto-sans-mono/vietnamese-800
  • @fontsource/noto-sans-mono/vietnamese-800.css
  • @fontsource/noto-sans-mono/vietnamese-900
  • @fontsource/noto-sans-mono/vietnamese-900.css
  • @fontsource/noto-sans-mono/vietnamese.css

Readme

Fontsource Noto Sans Mono

npm (scoped) Generic badge Monthly downloads Total downloads GitHub stars

The CSS and web font files to easily self-host the “Noto Sans Mono” font. Please visit the main Fontsource website to view more details on this package.

Quick Installation

Fontsource offers multiple methods to import the CSS, including using a bundler like Vite or using SASS. You can find full documentation here.

npm install @fontsource/noto-sans-mono

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

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

Supported variables:

  • Weights: [100,200,300,400,500,600,700,800,900]
  • Styles: [normal]
  • Subsets: [cyrillic,cyrillic-ext,greek,greek-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: "Noto Sans Mono";
}

Licensing

Always make sure to read the license for each font you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Google Inc. OFL-1.1

Other Notes

Font version (provided by source): v32.

If you have any suggestions or ideas to improve the performance of font loading or expand the existing library, feel free to star and contribute to this repository. You can share your suggestions or ideas by creating an issue.