网页使用中文字体的两种解决方案

解决中文字体在网页中的使用,有两种办法。


背景:英文的字体很好使用,因为只有26个大小写字母,以及一些符号,本身的字体文件就很小,不会对页面的加载造成多大的影响;但是中文的字体文件相当大,仅字体文件本身就5-6M,所以需要采取点手段才敢在网站中使用。
目前了解到的方法有两种:
第一种:使用有字库 ,http://youziku.com/    只需要挑选字体,对于网站中没有的字体用户还可以托管上传,待审核通过就可以使用,你懂得。
按需要加载他们网站的js,和相关的配置脚本,然后就可以使用了,它的原理是将网页中用到的文字整理出来,形成单独的字体库。
有三种方式可以调用有字库的web font都很简单,但是会减缓网页的加载速度。
但是可以支持到非静态的页面,有数据库支持的页面可以使用它的第二种方式。


第二种:用字蛛(一个中文字体压缩器) http://font-spider.org/,FontSpider将页面中用到的文字从.ttf文件中拿出来,压缩成小的字体库文件。字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。
使用字蛛需要安装nodeJs 再装font-spider  ,写好css之后执行命令就可以删除字体库中没有使用的文字,形成压缩过得字库文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值