中文网站的开发者,经常遇到的一个问题是“如果我想在网站上用一个好看的中文字体,应该怎么办?”
这个问题背后隐藏着 2 个更细节的问题: 1. 目前最大的网页字体服务商是 Google Fonts,而它在国内的服务并不稳定。 2. 一个英文字体只有几十 KB,而一个中文字体动辄数 MB,多加几个字重就要几十 MB。这会给用户带来非常长的加载时间。
第一个问题,Google Fonts 是完全免费的,而国内似乎很难找到同等稳定的字体服务。
第二个问题的解决方法则是字体切割。你需要将一个数十兆的中文字体拆分成多个小文件,当用户访问网页时,只加载那些需要的文字,这样就能大幅减少用户加载网页的时间。Google Fonts 本身就提供了很好的字体切割功能。
使用国内字体 CDN
我发现了一个免费的字体 CDN 服务是 字图 CDN,这是一个免费中文字体公益 CDN 服务。旨在收集和存储免费可用的中文网页字体。该项目的核心目标是为网页设计师和开发者提供一个便捷的资源库,使他们能够轻松地在项目中使用这些字体,而无需担心版权问题。
目前网站提供了 55 份字体,包括霞鹜文楷、思源宋体、得意黑等非常优美的中文字体,并且包含完整的字重,非常适合国内的网站使用。
不过在具体使用上还需要稍作调整, 比如部分字体的字体名称与 Google Fonts 的字体名称有所不同。你可能需要参考这份 中文字体使用指南 来调整使用方式,它支持 CDN 使用、NPM 引入使用。
同时字图 CDN 提供的字体也解决了字体切割的问题。
需要注意的是,纯免费的 CDN 并不完全可靠。在文档中已经多了一句说明:“由于中文网字计划的 CDN 被多个平台盗用,故未来将缩减提供公共 CDN 链接的相应流量,并且不再保证链接稳定性。所以各位开发者需要自行将字体部署至 CDN 中,为各位的网页加速。”所以如果你只是部署个人博客,可以使用。但如果是重要的商业网站,流量也比较大,还
