加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

技术资讯

如何生成eot文件

2012-12-08 11:05:29

前一段时ꦺ间听闻Google退出ubuntu字体的时候，使用了一下，从而了解到 font-face 的用法：

@font-face{font-family:'yahei';src:url(../images/msyh.eot);}

如何转换成eot。利用这种方式，就可以在网页上显示用户的系统🍬中不ꦚ存在的字体。对于保证我们设计的一致性，减少图片的使用是非常有帮助的。

那么如何才能生成对应字体的EOT文件呢？

查阅资料后，找到了三个方法：

1、在线字体转换：Font Squirrel

image

这个网站为我们提供了一个在线的字体转换服务，缺点是对于字体文件的👍大小有限ﷺ制，更适合用来转换英文类的字体。

2、使用ttf2eot。

ttf2eot 是一个开源项目。支持Linux🐲和Windows的环境，能够快速的生成EOT文件。使用起来也非常方便。

3、Microsoft WEFT。

Micr𓄧osoft WEFT是微软推出的一款用来解决网页字体问题的软件。这款软件能够分析你的网页中调用了哪些字体（应当是通过css判断出来）然后会从系统中选择对应的字体进行转换，生成的EOT文件，也会根据页面中用到的字体情况进行缩减，所以生成的文件比较小。我认为非常适合用于中文类字体的生成。

具体的操作工程如下：

安装程🌳序并运行后，点击Wizard，第一步是输入姓名和邮箱，完成后进入到网页选择的界面。这里是选择要用到特殊字体的页面。点击下一步后🅘会弹出一个关于编码问题的对话框，一直点继续就可以了。

接着，WEFT会分析你的网页中用到了哪些字体。一般通用的🍌字体，我们可以不选择嵌入，只对特定的字体进行转换。

之后，在选择生成文件保存的位置，就可以生成文件了。

将生成的文件拷贝到服⭕务器的指定位置，在对应的页面中补充 font-face 样式，就可以实现在用户浏览器上显示特殊字体的目的。

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

 扫码关注公众号

加拿大预测网-在线预测:官方公众号

 2054585360