添加另一个包含粗体文字的@font-face规则

2017-07-04 17:40:00
admin
原创
649
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style> 
@font-face
{
	font-family: myFirstFont;
	src: url(http://code.ybao.org/demo/font/sansation_light.woff);
}

@font-face
{
	font-family: myFirstFont;
	src: url(http://code.ybao.org/demo/font/sansation_bold.woff);
	font-weight:bold;
}

div
{
	font-family:myFirstFont;
}
</style>
</head>
<body>

<div>
	使用 CSS3,网站终于可以使用字体以外的预先选择“合法”字体。
</div>

<p><b>注意:</b> Internet Explorer 8以及更早版本的浏览器 @font-face rule.</p>

</body>
</html>
  • QQ讨论群
  • 关注微信
    • 欢迎咨询
    • 欢迎加入QQ群 16506021
  • 公众号:源宝网络