html引入Iconfont的方法

1.寻找图标
可以在阿里妈妈旗下的网站官方网址：http://www.iconfont.cn/ 找到需要的icon
2.点击购物车添加到库
3.下载代码并进行解压
4.引入Iconfont

//base.css
/*自定义字体*/
@font-face {
    font-family: 'wjs';
    src: url('../fonts/MiFie-Web-Font.eot'); /* IE9*/
    src: url('../fonts/MiFie-Web-Font.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/MiFie-Web-Font.woff') format('woff'), /* chrome、firefox */
    url('../fonts/MiFie-Web-Font.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/MiFie-Web-Font.svg') format('svg'); /* iOS 4.1- */
}
/*自定义字体使用样式*/
.wjs_icon{
    font-family: wjs;
}

/*手机图标对应的编码*/
.wjs_icon_phone::before{
    content: "\e908";
}
/*电话图标对应的编码*/
.wjs_icon_tel::before{
    content: "\e909";
    font-size: 14px;
}