css3中如何自定义字体样式

有时候在一个页面的开发中需要使用一些字体，但是客户的本地可能不存在的字体，这时候就需要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支持。