您的位置:首页 > 编程语言

2段代码实现在所有浏览器下显示特殊字体(附字体转换工具)

2013-10-29 17:56 281 查看
@font-face {
font-family: Cherl;
src: url(ttf文件名称以及url地址);
src: url(eot文件名称以及url地址)\9;
}


例:
@font-face {
font-family: Cherl;
src: url(../fonts/xjlFont.ttf);
src: url(../fonts/xjlFont.eot)\9;
}


使用这段简短的代码就可以实现所有的浏览器兼容输出特殊字体了;

一下为ttf文件转换为eot文件的工具下载地址

友情提示:

工具下载了以后我们看到文件夹中显示的所有文件如下图:



这时我们可能会习惯性的点击执行exe文件去执行,可惜的是点击后一个黑框一闪而过,没有任何的执行窗口出现,那么这时我们怎么做呢?

我们只需要将ttf文件拖动扔到exe执行程序上去就可以,也就是图中的豹子头(豹子么老虎?)上就可以,如下图:



此时我们会发现我们需要的eot文件已经存在了



注意:生成的文件会出现在ttf文件所在的目录;

2013年11月8日更新。

经实际应用测试,如果字体包过大,或者是一些汉字字体包在转换的时候会出现eot文件为空的BUG,出现此BUG的童鞋看这里!

我们先下载一个名为:ttf2eot的文件,官方下载地址



我们选择红线标注的windows版本的压缩包下载下来



解压缩后我们会看到一个名为ttfeot.exe的可执行程序,双击打开它会看到如下图,不管它,直接关闭,进入下一步



接下来的操作稍微有点复杂,需要用到字符操作命令,不懂操作命令的同学直接按照我的步骤来操作

.接下来我们点击开始->运行输入CMD进入字符命令操作界面,然后我们先把可执行文件拖进去,敲个空格,再把字体文件拖进去,再敲个空格,输入eot文件的输出路径就可以了,如下图:



输出路径的盘符字母随便写,windows系统是不区分大小写的!上图中我输入的d:\FZ12.eot 意思是输出到d盘下生成一个名为FZ12.eot的文件,当然,名字可以随便起!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: