案例:CSS3案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
@font-face
6
{
7
font-family: myFirstFont;
8
src: url('/example/css3/Sansation_Light.ttf')
9
    ,url('/example/css3/Sansation_Light.eot'); /* IE9+ */
10
}
11
12
div
13
{
14
font-family:myFirstFont;
15
}
16
</style>
17
</head>
18
<body>
19
20
<div>
21
With CSS3, websites can finally use fonts other than the pre-selected "web-safe" fonts.
22
</div>
23
24
<p><b>注释:</b>Internet Explorer 9+ 支持新的 @font-face 规则。Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。</p>
25
26
</body>
27
</html>
28