中文及亚洲语言在线字体按需加载方案:Dynamic subsetting

上网冲浪时注意到一个设计讲究的中文站点使用了在线中文字体来呈现内容(虽然它拉取的是很朴素的知名开源字体(思源/Noto 系列)而非其他商业设计字体,但效果确实不错)。这个网站的文字内容是从他处动态拉取的,这一点与某些静态商品宣传页不同,后者的文案内容是固定的,在设计阶段就大可把用到的字单独抽取出来准备好;而从网络请求观察发现,这个网站的字体是前端运行时由 js 按需加载的,用到了哪些字才拉取对应的字形(这是理想情况),断断续续加载了数个 400+KB 的数据分片。这个站点使用的在线字体来自 use.typekit.net,可知该在线字体服务提供商为现在已经改名为 Adobe Fonts 的 Typekit。(尽管如此,以下仍称其 Typekit)

众所周知,包括中文在内的亚洲语言(如 CJK)字体体积庞大,完整地在线加载有很多方面的困难。因此这次注意到有网站接入了中文(亚洲)在线字体按需加载技术,我很感兴趣。虽然这项技术应该已经诞生挺长时间了,但是它似乎始终未能铺开应用,甚至毫无存在感,何以见得呢?——到了 2020 年我才意识到这项技术的存在,而且在(中文)搜索引擎中几...

阅读全文>>

5488 次浏览 3 条评论 标签:在线字体 subsetting typekit
Ɣ回顶部