跳到主要内容

express-fontmin

2023年09月15日
柏拉文
越努力,越幸运

一、认识


需求描述: 字体包体积巨大, 基本上都在几M左右。 所以,在以下场景需要考虑按需加载字体:

  • 场景一: 实时编辑一个 DOM 元素, 可以切换字体。如果直接将全部字体写入到样式文件中, IE 浏览器首先会下载全部注册声明的字体,即使未使用该字体。谷歌等浏览器实现了按需加载字体文件的功能。但是我们在使用 html2-canvas 或者 dom-to-image 第三方 DOMImage 的时候, 会下载完全部字体,然后再开始解析、转化, 增加了DOMImage的时间。

二、Web 实现


三、Node 实现


参考方案


动态中文字体加载方案