自定义字体让您的网站字体与众不同

转自： http://www.eobo.cn/news/371.html



功能：不把文字做在图片上可以放任何字体（非系统字体亦可）。

需求分析：用图片显示非系统字体的缺陷：1.网页设计复杂。 2，无法给搜索引擎提供信息。

做法：
在CSS中引入字体内容，只不过如今的浏览器标准不一，所以字体要做三种结尾的字体传到服务器上，.eot，.svg，.ttf。

如果不用考虑其它，直接上传.ttf文件即可

css代码如下：
@font-face {
    font-family: 'MaidenOrange';
    src: url('font/MaidenOrange.ttf');
    p.eobo.cn {font: 18px/27px 'MaidenOrange', Arial, sans-serif;}
   }