CSS引用网络字体 

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <style type="text/css">
 7 @import url(http://fonts.googleapis.com/css?family=Abel|Satisfy);
 8 body {
 9     font-family: 'Satisfy', cursive;
10     font-size: 50px;
11 }
12 </style>
13 </head>
14 
15 <body>
16 <p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.</p>
17 </body>
18 </html>

结果：

posted @ 2013-07-26 17:47  海阔天空XM  阅读(713)  评论(0)    收藏  举报