JSPM

mozilla-fira-pack

0.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 18
  • Score
    100M100P100Q63374F
  • License SIL OPEN FONT LICENSE Version 1.1

Mozilla's Fira Type Family

Package Exports

  • mozilla-fira-pack

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 (mozilla-fira-pack) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

mozilla-fira-pack

Mozilla Fira fonts collection

Usage

  1. Install mozilla-fira-pack
npm install mozilla-fira-pack
  1. Include the mozilla-fira-pack packs that you want to serve.
var mozilla_fira  = require("mozilla-fira-pack");
  1. Assuming you are using ExpressJS, you'll want to use the express.static middleware in order to serve up a directory with your static content (in our case: Mozilla Fira fonts)
app.use('/', express.static(mozilla_fira.root));
  1. Add a link tag to include the font CSS.
<link rel="stylesheet" href="/fonts.css" />

You can use our CDN:

<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css" />

Available fonts:

  • FiraMono-Bold
  • FiraMono-Medium
  • FiraMono-Regular
  • FiraSans-Bold
  • FiraSans-BoldItalic
  • FiraSans-Book
  • FiraSans-BookItalic
  • FiraSans-Eight
  • FiraSans-EightItalic
  • FiraSans-ExtraBold
  • FiraSans-ExtraBoldItalic
  • FiraSans-ExtraLight
  • FiraSans-ExtraLightItalic
  • FiraSans-Four
  • FiraSans-FourItalic
  • FiraSans-Hair
  • FiraSans-HairItalic
  • FiraSans-Heavy
  • FiraSans-HeavyItalic
  • FiraSans-Italic
  • FiraSans-Light
  • FiraSans-LightItalic
  • FiraSans-Medium
  • FiraSans-MediumItalic
  • FiraSans-Regular
  • FiraSans-SemiBold
  • FiraSans-SemiBoldItalic
  • FiraSans-Thin
  • FiraSans-ThinItalic
  • FiraSans-Two
  • FiraSans-TwoItalic
  • FiraSans-Ultra
  • FiraSans-UltraItalic
  • FiraSans-UltraLight
  • FiraSans-UltraLightItalic
  • FiraSansCondensed-Bold
  • FiraSansCondensed-BoldItalic
  • FiraSansCondensed-Book
  • FiraSansCondensed-BookItalic
  • FiraSansCondensed-Eight
  • FiraSansCondensed-EightItalic
  • FiraSansCondensed-ExtraBold
  • FiraSansCondensed-ExtraLight
  • FiraSansCondensed-ExtraLightItalic
  • FiraSansCondensed-ExtraboldItalic
  • FiraSansCondensed-Four
  • FiraSansCondensed-FourItalic
  • FiraSansCondensed-Hair
  • FiraSansCondensed-HairItalic
  • FiraSansCondensed-Heavy
  • FiraSansCondensed-HeavyItalic
  • FiraSansCondensed-Italic
  • FiraSansCondensed-Light
  • FiraSansCondensed-LightItalic
  • FiraSansCondensed-Medium
  • FiraSansCondensed-MediumItalic
  • FiraSansCondensed-Regular
  • FiraSansCondensed-SemiBold
  • FiraSansCondensed-SemiboldItalic
  • FiraSansCondensed-Thin
  • FiraSansCondensed-ThinItalic
  • FiraSansCondensed-Two
  • FiraSansCondensed-TwoItalic
  • FiraSansCondensed-Ultra
  • FiraSansCondensed-UltraItalic
  • FiraSansCondensed-UltraLight
  • FiraSansCondensed-UltraLightItalic
  1. Set your CSS up to use the new fonts by using the "Fira Sans" and "Fira Mono" font-families.
body {
  font-family: 'Fira Sans', 'Fira Mono', sans-serif;
}

Development Info

Font pack author

License

Fonts: Licensed under version 1.1 of the SIL Open Font License http://scripts.sil.org/OFL

Software: Licenced under version 2.0 of the MPL https://www.mozilla.org/MPL/