❤
npm
Sign UpSign In

postcss-webfontloader

0.0.1 • Public • Published

postcss-webfontloader

Provides fallbacks for loading fonts with webfontloader.

Setup

yarn add postcss-webfontloader
// postcss.config.js
module.exports = {
  plugins: {
    'postcss-webfontloader': {
      modules: false,
      families: [
        'Lora',
      ],
    },
  },
}

Basic usage

Input

/* base.css */
body {
  font-family: Lora, Georgia, serif;
}
 
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

Output

/* base.css */
body {
  font-family: Georgia, serif;
}
.wf-active body {
  font-family: Lora, Georgia, serif;
}
 
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

Output for CSS Modules

If you're using CSS Modules, set modules to true to get the following output:

/* base.css */
body {
  font-family: Georgia, serif;
}
:global(.wf-active) body {
  font-family: Lora, Georgia, serif;
}
 
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

Readme

Keywords

Package Sidebar

Install

npm i postcss-webfontloader

Repository

github.com/silvenon/postcss-webfontloader

Homepage

github.com/silvenon/postcss-webfontloader#readme

Weekly Downloads

5

Version

0.0.1

License

MIT

Unpacked Size

5.65 kB

Total Files

8

Last publish

Collaborators

  • silvenon
Try on RunKit
Report malware