链接：https://icomoon.io
代码链接：
https://gitee.com/sxianyuan/codes/v2l43w89u0djzoqr1a6gh95
用字体在网页中画ICON图标
li,ul{list-style:none}li{display:inline-block;margin:20px}a{display:block;margin:10px;text-decoration:none;color:#67006d;font-weight:700;font-size:18px}
@font-face{
font-family:"imooc-icon";
src:url('fonts/icomoon.eot');
src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icomoon.woff') format('woff'),
url('fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.svg') format('svg');
font-weight:normal;
font-style:normal;
}
.imooc-icon{
font-family:"imooc-icon";
font-style: normal;
font-weight: normal;
font-size: 100px;
-webki-t-font-smoothing：antialiased;
-moz-osx-font-smoothing：grayscale;
}
.imooc-1{
content: "e906";
}
.imooc-2{
position: relative;
}
.imooc-2:before{
content: "e902";
}
.imooc-2:after{
content: "e903";
position: absolute;
top:0;
left:0;
}
用字体在网页中画ICON图标
链接：https://icomoon.io
-
-
-
-
-
-
参考链接
http://www.iconfont.cn
http://fontello.com/
http://fontawesome.io/
http://flowerboys.cn/font/
http://www.w3cplus.com/css3/how-to-turn-your-icons-into-a-web-font.html
