首页 > 其他 > 详细

特殊字体引用

时间:2017-01-19 14:37:26      阅读:245      评论:0      收藏:0      [点我收藏+]
 1 <!DOCTYPE HTML> 
 2 <meta charset="UTF-8"> 
 3 <head> 
 4 <script src="jquery-1.8.2.min.js"></script> 
 5 <style> 
 6 #gmap,#controls { 
 7 width:300px; 
 8 height:300px; 
 9 } 
10 @font-face { 
11 font-family: Lovelo-Black;/×定义font的名字×/ 
12 src: url(‘font/Lovelo Black.otf‘);/*把下载的字体文件引入进来×/ 
13 } 
14 @font-face { 
15 font-family: Lovelo; 
16 src: url(‘font/Lovelo Line Bold.otf‘); 
17 } 
18 @font-face { 
19 font-family: HYPED; 
20 src: url(‘font/HYPED_Font.otf‘); 
21 } 
22 div.a { 
23 font-family: Lovelo-Black, sans-serif; 
24 font-size:24px; 
25 } 
26 div.b { 
27 font-family: Lovelo, sans-serif; 
28 font-size:24px; 
29 } 
30 div.c { 
31 font-family: HYPED, sans-serif; 
32 font-size:24px; 
33 color:yellow; 
34 } 
35 body { 
36 background-color:rgb(216, 216, 216); 
37 } 
38 </style> 
39 <script> 
40 </script> 
41 </head> 
42 <body class="sapUiBody"> 
43 <div class="a">Hello World 123456</div> 
44 <div class="b">Hello World 123456</div> 
45 <div class="c">Hello World 123456</div> 
46 </body> 

 

特殊字体引用

原文:http://www.cnblogs.com/ghfjj/p/6306215.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!