阿里字体图标使用
首先去阿里图标库官网：http://www.iconfont.cn/
搜索需要的图标库 ——>加入购物车——>点击购物车——>添加到项目（如果有项目直接加入需要的项目，没有则新建项目）
在”图标管理” 中可以查看我的项目
1、Unicode方式 在项目中进行使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字体图标使用</title>
<style>
/*
第一步：
在样式里面申明字体
* */
@font-face {
font-family: 'iconfont'; /* project id 551814 */
src: url('//at.alicdn.com/t/font_551814_n3xx6j5s52n8kt9.eot');
src: url('//at.alicdn.com/t/font_551814_n3xx6j5s52n8kt9.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_551814_n3xx6j5s52n8kt9.woff') format('woff'),
url('//at.alicdn.com/t/font_551814_n3xx6j5s52n8kt9.ttf') format('truetype'),
url('//at.alicdn.com/t/font_551814_n3xx6j5s52n8kt9.svg#iconfont') format('svg');
}
.iconfont{
font-family:"iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<i class="iconfont"></i>
</body>
</html>
2、Font class方式 在项目中进行使用
引入样式表：
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1847249_lfocl0y4rla.css">
使用：
<i class="icon iconfont icon-xia"></i>
这样就可以看到效果了！
注意：
Unicode方式，当每次在图标库内加入新的标签时，需要重新copy 项目生成的在线链接@font-face，否则新的图标将会无效；
Font class 在使用的时候，对于同一个项目，注意要将在线链接粘贴到引入的样式表中