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.