Skip to content

Trim useless font formats in `@font-face`

License

Notifications You must be signed in to change notification settings

cnlon/less-plugin-trim-font-face

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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