JSPM

sass-local-fonts

1.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q23556F
  • License ISC

Sass mixin which helps you to define cross-browser font families locally via sass variable

Package Exports

  • sass-local-fonts

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

Readme

Sass local fonts

This mixin will help you to define CSS font families. Just import the sass-local-fonts.scss to your SASS root after the defining variables.

Usage

Define the $font-families variable before the importing the mixin. This variable should look like this:

$font-families: (
    "Muli": ( // define family name
        300: "Muli-Light", // define font-weight and font file name without extension
        400: "muli-regular",
        700: "Muli-ExtraBold",
        formats: eot ttf woff woff2 // define here which extensions you have; default eot ttf woff woff2
    ) // ...and so on. Add as many families as you need
)

By default mixin searches the fonts in ../fonts folder relatively to style root file, so if you store fonts in another folder, just define the $sass-local-font-folder variable before mixin's import. Check an example in repo.