在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaoplay.com)</title>
<style>@font-face
{
	font-family: myFirstFont;
	src: url(sansation_light.woff.html);
}

@font-face
{
	font-family: myFirstFont;
	src: url(sansation_bold.woff.html);
	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>
源代码

动行结果
