|
|
|
|
|
|
by SquareWheel
2166 days ago
|
|
|
Most of the time investment was setting up the prerequisites for the various tools. Notable requirements were python, node+npm, Microsoft Build Tools, and Google's Brotli. I used glyphhanger[1] to apply the actual subsetting. Use the --spider flag to find a list of unicode ranges used on your site. Then you can generate files with something like: glyphhanger --whitelist="U+20,U+21,U+26-29,U+2C-3B,U+3F-57,U+59,U+61-7A,U+2013,U+2019,U+201C,U+201D,U+2026" --subset=SourceSansPro-Regular.ttf --formats=woff2,woff --css Then you would add that same unicode-range to your CSS. I haven't tried this on icon fonts. I tend towards SVGs instead. [1] https://github.com/filamentgroup/glyphhanger |
|
|