有时候在一个页面的开发中需要使用一些字体，但是客户的本地可能不存在的字体，这时候就需要css3为我们提供的自定义功能了
<style type="text/css">
*{margin:0px;padding:0px;}
body{background:url("images/bj.jpg"); background-size:cover;}
/*服务器字体引入自定义字体 -》 svg*/
@font-face{ /*定义我们自己的字体名称*/
font-family:WebFont; /*字体名称*/
src:url(‘font/Fontin_Sans_I_45b.otf‘) format("opentype");/*字体的地址 格式*/
font-weight:normal;/*italic oblique inherit */
}
h1.font_my{font-family:WebFont; font-size:60px;}
</style>
需要使用font-face属性写法：@font-face{属性：值}
属性：
font-family：设置文本的字体名称。 font-style：设置文本样式。 font-variant：设置文本是否大小写。 font-weight：设置文本的粗细。 font-stretch：设置文本是否横向的拉伸变形。 font-size：设置文本字体大小。 src：设置自定义字体的相对路径或者绝对路径，注意，此属性只能在@font-face规则里使用。
.eot .ttf两种字体格式中，.eot只有IE支持。
原文：http://www.cnblogs.com/swl267/p/5249090.html