CSS自定义字体

十一月 28, 2011 | In: 网页

当用户的系统字体库中没有网页预先设置的字体时,使用下面代码就可以在用户的系统中正常显示不存在的字体。

@font-face{
	font-family:"字体名称";
	src:url("字体文件.eot");
}

生成EOT字体文件:

1. 使用ttf2eot。

下载地址:http://code.google.com/p/ttf2eot/

ttf2eot 是一个开源项目。支持Linux和Windows的环境,能够快速的生成EOT文件。

2. Microsoft WEFT
下载地址:http://www.microsoft.com/typography/FreeToolsOverview.mspx

Microsoft WEFT是微软推出的用来解决网页字体问题的软件。软件能够分析网页中调用了哪些字体,然后从系统中选择对应的字体进行转换,生成的EOT文件,也会根据页面中用到的字体情况进行缩减,所以生成的文件比较小。

Comment Form

You must be logged in to post a comment.