网页中的中文字体引入,与我喜欢的几个字体
@font-face 与 unicode-range
新版本浏览器支持了 @font-face
与 unicode-range
, 可以自动根据网页页面上用到的文字,查找unicode编码,从而自动下载字体的分片文件。
中文字体切分工具
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 亦可。