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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2669 days ago, the information mentioned may be changed or developed.

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

Fonts

字体

中文

Google

11 replies • 2019-01-22 17:45:51 +08:00

est

Jan 21, 2019

答案是没有中文字体？

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

takato

Jan 21, 2019

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

angusjune

Jan 21, 2019

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

angusjune

Jan 21, 2019

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

est

Jan 21, 2019

@angusjune 看起来是按需动态生成了。。

比如一篇文章就用了 100 个汉字，那么就生成包含这 100 个汉字的 font 文件。

sharkrice

Jan 21, 2019

@angusjune #4 你引用了 google font 的 js 啊

sharkrice

Jan 21, 2019

@sharkrice #6 额，没有引用 js，但是按需动态生成的

sharkrice

Jan 21, 2019

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

rabbbit

Jan 21, 2019

unicode-range 按需载入

hxsf

Jan 21, 2019

https://fonts.googleapis.com/css?family=Noto+Sans+TC&subset=chinese-traditional

看看内容不就知道了。。。
分了一堆文件，每个基本 20-30 KB

e8c47a0d

Jan 22, 2019

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