PostCSS Font Display

PostCSS plugin to automatically add font-display css rule.

@font-face {
    /* Input example */
    font-family: 'My Font';
}

@font-face {
    /* Output example */
    font-family: 'My Font';
    font-display: swap;
}

Install

With npm do:

npm install postcss-font-display --save

Usage

postcss([ require('postcss-font-display')({ display: 'swap', replace: false }) ])

Advanced usage

postcss([ require('postcss-font-display')([
  { display: 'swap', replace: false },
  { test: 'FontAwesome', display: 'block' },
]) ])

Options

Option	Type	Default	Description
test	RegExp	false	Text pattern for font-family css rule
display	String	swap	Value for new font-display css rule
replace	Boolean	false	Replace exists font-display rule

---

See PostCSS docs for examples for your environment.