Google Fonts 是如何做到快速引用中文字体的?

2019-01-21 15:05:32 +08:00
 angusjune

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

4445 次点击
所在节点    JavaScript
11 条回复
est
2019-01-21 15:06:18 +08:00
答案是没有中文字体?

免费的中文字体就那么几款。。。google fonts 可没闲心给你做那么多。
takato
2019-01-21 15:08:32 +08:00
中文字体可以只嵌入一部分字符集。
angusjune
2019-01-21 15:09:01 +08:00
@est https://fonts.google.com 呃,其实可以完全自己去看下有没有
以前确实是没有的 现在多了自家的 Noto 跟 ZCOOL 的几款中文字体
angusjune
2019-01-21 15:10:49 +08:00
@takato 对 但是那是已知网页需要什么字符的情况之下 但是 Google 是不会知道引用它的网页要用到什么字符的吧
est
2019-01-21 15:14:25 +08:00
@angusjune 看起来是按需动态生成了。。

比如一篇文章就用了 100 个汉字,那么就生成包含这 100 个汉字的 font 文件。
sharkrice
2019-01-21 15:20:33 +08:00
@angusjune #4 你引用了 google font 的 js 啊
sharkrice
2019-01-21 15:22:38 +08:00
@sharkrice #6 额,没有引用 js,但是按需动态生成的
sharkrice
2019-01-21 15:23:43 +08:00
rabbbit
2019-01-21 15:32:36 +08:00
unicode-range 按需载入
hxsf
2019-01-21 15:35:37 +08:00
https://fonts.googleapis.com/css?family=Noto+Sans+TC&subset=chinese-traditional

看看内容不就知道了。。。
分了一堆文件,每个基本 20-30 KB
e8c47a0d
2019-01-22 17:45:51 +08:00
常用的字其实也就几百个,按照使用频率拆成好几个文件即可减少一次的请求量。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/529132

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX