express-fontmin
2023年09月15日
一、认识
需求描述
: 字体包体积巨大, 基本上都在几M
左右。 所以,在以下场景需要考虑按需加载字体:
- 场景一: 实时编辑一个
DOM
元素, 可以切换字体。如果直接将全部字体写入到样式文件中,IE
浏览器首先会下载全部注册声明的字体,即使未使用该字体。谷歌等浏览器实现了按需加载字体文件的功能。但是我们在使用html2-canvas
或者dom-to-image
第三方DOM
转Image
的时候, 会下载完全部字体,然后再开始解析、转化, 增加了DOM
转Image
的时间。