IconFont 图标
-
Left.left
-
right.right
-
close2.close2
-
unfold.unfold
-
fold.fold
-
top.top
-
service.service
-
favor.favor
-
用户.yonghu
-
cart.cart
-
cart󰁞.cart1
-
cart.cart2
-
反馈.fankui
-
意见反馈.wodedingdan31
-
邮件.youjian
-
收藏.shoucang
-
qq.qq
-
足迹󰅜.zuji
-
down.down
-
电话.dianhua
-
time󰁐.time
-
time-icon.timeicon
-
二维码.erweima
-
手机.shouji
-
地址.dizhi
-
用户13.tubiaozitihua23
-
密码.mima
-
用户中心.users
-
个人设置.gerenshezhi
-
支付宝支付.zhifubaozhifu
-
新浪.xinlang
-
qq.qq1
-
微信.weixin
-
钱.qian
-
客服.kefu
-
客服.kefu1
第一步：使用font-face声明字体
@font-face {font-family: 'iconfont';
src: url('iconfont.eot'); /* IE9*/
src: 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- */
}
第二步：定义使用iconfont的样式
.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;}
第三步：挑选相应图标并获取字体编码，应用于页面
<i class="iconfont">3</i>