使用@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