您的位置:首页 > 其它

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

2015-10-18 23:21 302 查看
解决中文字体在网页中的使用,有两种办法。

背景:英文的字体很好使用,因为只有26个大小写字母,以及一些符号,本身的字体文件就很小,不会对页面的加载造成多大的影响;但是中文的字体文件相当大,仅字体文件本身就5-6M,所以需要采取点手段才敢在网站中使用。

目前了解到的方法有两种:

第一种:使用有字库 ,http://youziku.com/    只需要挑选字体,对于网站中没有的字体用户还可以托管上传,待审核通过就可以使用,你懂得。

按需要加载他们网站的js,和相关的配置脚本,然后就可以使用了,它的原理是将网页中用到的文字整理出来,形成单独的字体库。

有三种方式可以调用有字库的web font都很简单,但是会减缓网页的加载速度。

但是可以支持到非静态的页面,有数据库支持的页面可以使用它的第二种方式。

第二种:用字蛛(一个中文字体压缩器) http://font-spider.org/,FontSpider将页面中用到的文字从.ttf文件中拿出来,压缩成小的字体库文件。字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。

使用字蛛需要安装nodeJs 再装font-spider  ,写好css之后执行命令就可以删除字体库中没有使用的文字,形成压缩过得字库文件。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: