码迷,mamicode.com
首页 > Web开发 > 详细

CSS3字体图标

时间:2014-04-29 23:52:45      阅读:890      评论:0      收藏:0      [点我收藏+]

标签:android   com   http   blog   style   class   div   img   code   java   size   

网址:http://icomoon.io/

bubuko.com,布布扣
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 <style type="text/css">
 7 @font-face {
 8 font-family: ‘xiaoqiang‘;
 9  src: url(‘fonts/icomoon.eot‘); /* IE9*/
10  src: url(‘fonts/icomoon.eot?#iefix‘) format(‘embedded-opentype‘), /* IE6-IE8 */
11 url(‘fonts/icomoon.woff‘) format(‘woff‘), /* chrome、firefox */
12  url(‘fonts/icomoon.ttf‘) format(‘truetype‘), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
13 url(‘fonts/icomoon.svg#uxiconfont‘) format(‘svg‘); /* iOS 4.1- */
14 }
15 div{ font-family:‘xiaoqiang‘; font-size:50px; color:red;}
16 </style>
17 </head>
18 
19 <body>
20 <div></div>
21 <div></div>
22 </body>
23 </html>
bubuko.com,布布扣

 

CSS3字体图标,布布扣,bubuko.com

CSS3字体图标

标签:android   com   http   blog   style   class   div   img   code   java   size   

原文地址:http://www.cnblogs.com/ahwu/p/3696873.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!