@font-face 与 unicode-range

新版本浏览器支持了 @font-faceunicode-range , 可以自动根据网页页面上用到的文字,查找unicode编码,从而自动下载字体的分片文件。

MDN链接 @font-face MDN链接 unicode-range

中文字体切分工具

https://github.com/KonghaYao/cn-font-split
https://chinese-font.netlify.app/zh-cn/

我喜欢的几个字体及字体作者

LxgwWenKai 霞鹜文楷

https://github.com/lxgw/LxgwWenKai
对应的有GB版本,更符合中国内地的汉字笔画标准。
Mono为等宽字体的意思。

缝合像素字体

https://github.com/TakWolf/fusion-pixel-font
建议使用12px的版本 无版权风险 不缺字

点点像素

https://github.com/wixette/dotted-chinese-fonts

文泉驿点阵宋体

https://github.com/AmusementClub/WenQuanYi-Bitmap-Song-TTF

字体作者 特里王

京華老宋体 1.0 2.0 2.0公众号文章
匯文系列字體 https://zhuanlan.zhihu.com/p/12669052378

匯文明朝體 https://zhuanlan.zhihu.com/p/344103391
纳米老宋 https://github.com/Hansha2011/NanoOldSong

几个字体站及CDN

ZSFT https://fonts.zeoseven.com/
https://chinese-font.netlify.app/zh-cn/
猫啃网 https://www.maoken.com/
https://zfont.cn/
https://ziyouziti.com/

https://cdnjs.com/
https://cdnjs.com/libraries/lxgw-wenkai-webfont
https://www.jsdelivr.com/
https://fastly.jsdelivr.net/npm/lxgw-wenkai-webfont/
https://testingcf.jsdelivr.net/npm/lxgw-wenkai-webfont/
https://quantil.jsdelivr.net/npm/lxgw-wenkai-webfont/
https://gcore.jsdelivr.net/npm/lxgw-wenkai-webfont/

其它可托管字体的平台

github/npm + jsdelivr
npm + unpkg.com
国外直连
国内访问可自己套上一层CDN。(百度云、华为云、abxcdn、七牛云、多吉云 等)

国内也可以试试套上免费的 腾讯云国际版edgeone / 阿里云国际版ESA
或者便宜的 lightcdn / bunny.net 等

自己存储源文件

国内用多吉云存源文件

多吉云国内访问0.11元/GB。多吉云收请求数费用0.04元/万次。
如果有更便宜的且不频繁回源的且不收请求数费用的CDN,套上亦可。
如abxcdn、华为、七牛、百度云 等

国外访问,用阿里云OSS海外区域存源文件 + Cloudflare。

再套上一层 腾讯云国际版edgeone / 阿里云国际版ESA / lightcdn / bunny.net 亦可。