iconfont

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
 .box{width:200px;margin:100px auto;}

 @font-face{/*申明*/
   font-family:"iconfont";
     src: url('iconfont.eot'), /* IE9*//*逗号分隔开*/
    url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
     url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- *//*必须存在*/
  }
  .font{font-family:"iconfont";/*引用*/
     font-style:normal;
     font-size:32px;
              -webkit-font-smoothing: antialiased;/*让页面里的字体变清晰*/
      -moz-osx-font-smoothing: grayscale;
     -webkit-text-stroke-width:0.2px;/*加粗*/
    
     -webkit-transition:all ease-out 0.25s
     -moz-transition:all ease-out 0.25s;
  }
  .font:hover{font-size:100px}
</style>
</head>
<body>
<div class="box">
 <i class="font">&#xe601;</i><!--编码输入-->
</div>
</body>
</html>

你可能感兴趣的:(iconfont)