字体图标
建二个文件 1.html 2.css
通过阿里巴巴网站图标库，找到需要的图标并收藏
html
<html>
<head>
<title>字体图标</title>
<link rel="stylesheet" href="css/font-icon1.css" />
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3737407_n2w7ymj3ai.css" />
</head>
<body>
<div class="iconfont class">
{<span class="icon-shezhi"></span>
<span class="icon-zhuce"></span>}
</div>
</body>
</html>
css
文件地址：css/font-icon1.css
.iconfont.class{
声明自定主字体
font-family:iconfont;
字体大小
font-size:xx-large;
字体颜色
color:blue;
}
.iconfont.class:hover{
颜色
color:red;
被选定时显示：小手
cursor:pointer;
被选定时的颜色，缓慢时间显示，变化
transition:color 0.5s linear;
}