September 2017
Intermediate to advanced
450 pages
11h 24m
English
The webfont-loader module allows us to create new fonts by loading configurations that define the content of that font. This operation creates an SVG-based font file, which is then, in turn, passed through various other font generators that convert the SVG font file into TTF, EOT, WOFF, and WOFF2 formats.
The key to keeping the font file's file size down is to limit the number of icons glpyhs included in the font. In this case, we only use Font-Awesome's spinner, close, user, plus, and newspaper-o icons. Compare that to the over 780+ icons in Font-Awesome's full library, and it's easy to see how much space we can save by only loading the icons we need.
| File Type | Full font-awesome | Custom font-awesome |
| .eot | 166 KB | 3 |
Read now
Unlock full access