网页中文字体文件压缩解决方案

制作静态网页,系统自带字体审美疲劳,我们希望使用美观个性字体。一方面,网站是否考虑商业用途,商业用途必须取得字体授权;另一方面,通过Font文件夹调用的中文字体包太大,网页加载缓慢,影响用户访问观感。

部分开发者使用图片代替个性字体显示,倘若静态网页全局图片过多,页面加载一样缓慢。同时,开发者还得考虑SEO的问题,图片对于网页收录并不友好,技术大佬为了两全其美,使用图片作网页Logo时,底层还会使用文字作标题,只是网页Logo将文字覆盖,不易被访客发现。此法技术要求相对较多。

为何静态网页调用英文访问良好?英语总共26个字母,个性字体不外乎26个不同样式字母任意组合,中文则不然,汉字数量大约十万个(日常使用汉字几千),每一个汉字都有不同样式,并且有些汉字还不一定有对应个性字体。一般情况,英文字体对于中文字体,文件体积等于几百千字节(KB)对于几十兆(M)。

我们制作静态网页使用的个性字体并不多,如果使用完整的中文个性字体包,网页文件过大不言,每一次用户访问网页,页面便会产生一个加载时间区间,进而导致网页访问速度较慢。简单的说,网页程序需要在几万个汉字里找我们需要显示的几十个汉字。

此时,我们便有了中文字体压缩解决方案。此法删除不需要调用显示的多余中文字体文件,提升网页访问速度;同时,静态网页增加文字以后,中文字体压缩工作又要重新进行一遍,也不能不说繁锁。

网络搜索中文字体压缩解决方案,字蛛Node.js教程很多。对于技术小白,没有详细步骤图示说明,一大段一大段代码好像什么都没有说。

网主推荐百度团队开发的优秀字集工具Fontmin,勿需代码,我们只需要将网页显示的汉字文本粘贴于软件应用,拖入个性字体文件包(.TTF格式),点击按钮生成压缩字体文件,随后我们再通过CSS引入网页展示(调用路径视网页代码而定)。

下载地址:http://ecomfe.github.io/fontmin/#app

(注意区分电脑操作系统,苹果系统,Win32位与64位)(文/王宜楷)

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注