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文件,也会根据页面中用到的字体情况进行缩减,所以生成的文件比较小。