font subset loader module for webpack (Compatible with webpack 4+)
npm install font-subset-loader2> Thanks for dematerializer's work. Consider his package is obsolete, so I have forked this package and make it compatible with webpack 4+
Transforms a TTF font resource so that it contains only a specified subset of glyphs with all other glyphs stripped out.
npm install font-subset-loader2 --save-dev
Webpack Documentation: Using loaders
Glyphs like ! or , conflict with webpack's query string syntax (i.e. 'font-subset-loader2?glyphs=hey,you!'). It is therefore recommended to instead use a query object for passing the glyphs to the loader as a property:
`` javascript`
{
test: /\.ttf$/,
use: [{
loader: 'font-subset-loader2',
options: {
glyphs: 'hey,you!'
}
}]
}
// returns the file content of the subsetted file.ttf
// that contains only the specified glyphs 'h', 'e', 'y', ',', 'o', 'u' and '!'
Process subsetted .ttf files with file-loader:
` javascript`
rules: [
{
test: /\.ttf$/,
use: [
{
loader: 'file-loader'
},
{
loader: 'font-subset-loader2',
options: {
glyphs: 'hey,you!'
}
}
]
},
]
Process subsetted .ttf files with url-loader:
` javascript``
rules: [
{
test: /\.ttf$/,
use: [
{
loader: 'url-loader'
},
{
loader: 'font-subset-loader2',
options: {
glyphs: 'hey,you!'
}
}
]
},
]
MIT