css引入中文字体文件处理过程

使用@font-face 来进行字体的引入之前,得先找好字体文件,其中中文字体文件的寻找和处理遇到的情况不过如下:


1.下载字体:

找字网:http://www.zhaozi.cn/html/fonts/china/index.php


2.通常下载到的字体格式为 .ttf 的,为了兼容所有浏览器,需要额外生成 .eot , woff, svg格式的文件, 网上有很多文件转换的网站,比如:fontsquirrel

下面以fontsquirrel为例,说明如何转换文件:

 1)首先进入fontsquirrel 的WEBGONT GENERATOR模块下:

 


2)在转换文件之前,其提供可配置的参数,用着可自行选择配置转化文件为目标文件,分为三个模块,如下图:




       如果你下载的字体是中文字体,必需选择 EXPERT 配置参数,如果选择OPTIMAL,默认会把你下载的字体文件中的中文字去掉,只转化外文字体(中文字体容量太大,国外一般不使用中文字体),你需要中文字体的话,就选择EXPERT 配置参数,有些参数作者默认进行了设置,用着只需选择部分选项设置即可,如下图:


OPTIMAL默认转换生成的文件包中有如下文件:




3.特别说明

       中文字体中可能有些字体我们并不需要,可以通过设置Subseting——》Custom来进行自行选择

如果想删掉字体中不需要的字体,也可以使用工具来操作 比如 FontCreator , 将ttf文件放入工具中可以对字体文件进行增删改.

FontCreator下载地址:http://www.zhaozi.cn/html/prog/43.html



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值