postcss-webfontloader

Provides fallbacks for loading fonts with [webfontloader][].

Setup

``sh
yarn add postcss-webfontloader
`

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

Basic usage

$3

`css
/ base.css /
body {
font-family: Lora, Georgia, serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, sans-serif;
}
`

$3

`css
/ 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;
}
`

$3

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

`css
/ 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;
}
``

[webfontloader]: https://github.com/typekit/webfontloader