font-manifest-webpack-plugin

    0.1.1 • Public • Published

    Webpack Font Manifest Plugin

    A webpack plugin for generating a font manifest.

    What's a font manifest?

    Similar to an asset manifest, a font manifest holds info about fonts used in your CSS build artefacts. This info can be used to optimize the font loading process, e.g. by generating preload hints or inlining the font face CSS.

    {
      "/dist/myfont.8a1dbb54.woff2": {
        "family": "MyFont",
        "weight": "normal",
        "style": "normal",
        "format": "woff2",
        "url": "/dist/myfont.8a1dbb54.woff2",
        "css": "@font-face { /* */ }"
      },
      "/dist/myfont.bold.52d19f94.woff2": {
        "family": "MyFont",
        "weight": "bold",
        "style": "normal",
        "format": "woff2",
        "url": "/dist/myfont.bold.52d19f94.woff2",
        "css": "@font-face { /* */ }"
      }
    }

    Install

    Using npm:

    npm install font-manifest-webpack-plugin --save-dev

    Usage

    In your webpack.config.js file:

    const FontManifestPlugin = require('font-manifest-webpack-plugin');
    
    module.exports = {
      // an example entry definition
      entry: [ 'app.js'],
      plugins: [
        new FontManifestPlugin()
      ]
    };

    Options

    All options and their defaults. See below for an explanation of individual options.

    new FontManifestPlugin({
      formats: ['woff2', 'woff'],
      dataUris: false
    })

    formats

    Array of font formats to include in the manifest.

    dataUris

    Whether data URIs are included in the generated manifest.

    License

    MIT

    Install

    npm i font-manifest-webpack-plugin

    DownloadsWeekly Downloads

    101

    Version

    0.1.1

    License

    MIT

    Unpacked Size

    16.9 kB

    Total Files

    8

    Last publish

    Collaborators

    • daun