cnlon / less-plugin-trim-font-face

Trim useless font formats in `@font-face`

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

less-plugin-trim-font-face

npm version js-standard-style

Trim useless formats in @font-face of Less files. Compatible with Less v2 and v3.

Promgrammatic usage

const TrimFontFace = require('less-plugin-trim-font-face')

less.render('You less source', {
    plugins: [
        new TrimFontFace({
            'iconfont': ['woff']
        })
    ]
})

It will trim useless font formats but woff if font-family is iconfont in @font-face directives.

For example. If your less source like:

@font-face {
  font-family: "iconfont";
  src: url('/fonts/iconfont.eot?t=1522658144332');
  src: url('/fonts/iconfont.eot?t=1522658144332#iefix') format('embedded-opentype'),
    url('/fonts/iconfont.woff') format('woff'),
    url('iconfont.ttf?t=1522658144332') format('truetype'),
    url('iconfont.svg?t=1522658144332#iconfont') format('svg');
}

You will get output:

@font-face {
  font-family: "iconfont";
  src: url('/fonts/iconfont.woff') format('woff');
}

MIT

About

Trim useless font formats in `@font-face`

License:MIT License


Languages

Language:JavaScript 100.0%