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的文件,当然,名字可以随便起!
相关文章推荐
- 四款工具顺利实现Python与JavaScript间的代码转换
- c语言中十进制转二进制显示小工具的实现代码
- 用matlab转换图片为C代码,实现液晶屏显示
- PHP实现提取一个图像文件并在浏览器上显示的代码
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- 【安装工具】设置实现secureCRT 字体、文件、文件夹等不同颜色显示
- 转:TestLink1.9.3测试用例:Excel转换XML工具<二>实现代码
- 【原创】利用typeface实现不同字体的调用显示及String转换为Unicode
- css实现图片圆角 兼容所有浏览器实现代码
- ◎利用浏览器实现特殊功能的代码
- 在DataGrid中实现鼠标指定列特殊显示的代码(VB.NET 2003)
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- ASP FSO显示特殊文件夹的实现代码(畸形目录名、UNC路径)
- 四款工具顺利实现Python与JavaScript间的代码转换
- 用TreeView控件实现资源管理器(显示本地硬盘下所有文件夹和文件,并可以浏览图片)(示例代码下载)
- Android 状态栏工具——一行代码实现状态栏字体变黑
- PHP实现提取一个图像文件并在浏览器上显示的代码
- PHP转换文件夹下所有文件编码的实现代码
- android程序代码实现改变字体颜色和输入密码的显示隐藏
- TestLink测试用例:Excel转换XML工具<二>实现代码