技术解析

Google Fonts 是如何做到快速引用中文字体的?
0
2021-09-01 23:54:14
idczone

中文字体文件动则 10+ Mb,Google Fonts 是用了什么技术可以让中文字体在 web 中快速被引用的?


答案是没有中文字体?
免费的中文字体就那么几款。。。google fonts 可没闲心给你做那么多。

中文字体可以只嵌入一部分字符集。

https://fonts.google.com 呃,其实可以完全自己去看下有没有
以前确实是没有的 现在多了自家的 Noto 跟 ZCOOL 的几款中文字体

对 但是那是已知网页需要什么字符的情况之下 但是 Google 是不会知道引用它的网页要用到什么字符的吧

看起来是按需动态生成了。。
比如一篇文章就用了 100 个汉字,那么就生成包含这 100 个汉字的 font 文件。

你引用了 google font 的 js 啊

额,没有引用 js,但是按需动态生成的

https://fonts.googleapis.com/css?directory=3&family=ZCOOL+QingKe+HuangYou:400&subset=all&text=+04CHKLOQRYZaegilnoru%E2%80%94%E4%B8%8A%E6%B5%8B%E8%AF%95

unicode-range 按需载入

https://fonts.googleapis.com/css?family=Noto+Sans+TC&subset=chinese-traditional
看看内容不就知道了。。。
分了一堆文件,每个基本 20-30 KB

常用的字其实也就几百个,按照使用频率拆成好几个文件即可减少一次的请求量。

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服