IconFont 图标

• 更多
  .icon-msnui-more
• all
  .icon-all
• back
  .icon-back
• cart
  .icon-cart
• Category
  .icon-category
• close
  .icon-close
• comments
  .icon-comments
• cry
  .icon-cry
• delete
  .icon-delete
• edit
  .icon-edit
• email
  .icon-email
• form
  .icon-form
• help
  .icon-help
• information
  .icon-information
• less
  .icon-less
• more_unfold
  .icon-moreunfold
• more
  .icon-more
• pic
  .icon-pic
• refresh
  .icon-refresh
• RFQ
  .icon-rfq
• search
  .icon-search
• selected
  .icon-selected
• set
  .icon-set
• Smile
  .icon-smile
• success
  .icon-success
• ViewGallery
  .icon-viewgallery
• warning
  .icon-warning
• wrong
  .icon-wrong
• account
  .icon-account
• add
  .icon-add
• clock
  .icon-clock
• remind
  .icon-remind
• attachment
  .icon-attachment
• discount
  .icon-discount
• process
  .icon-process
• electronics
  .icon-electronics
• scanning
  .icon-scanning
• pin
  .icon-pin
• cut
  .icon-cut
• nav-list
  .icon-navlist
• text
  .icon-text
• download
  .icon-icondownload
• map
  .icon-map
• iconfont-laba
  .icon-iconfontlaba
• bad
  .icon-bad
• good
  .icon-good
• skip
  .icon-skip
• play
  .icon-iconfontplay2
• phone
  .icon-phone
• Mobile-phone
  .icon-mobilephone
• wxb工具
  .icon-wxbgongju
• wxb主页
  .icon-wxbzhuye
• copy
  .icon-copy
• save
  .icon-save
• 地址
  .icon-dizhi
• edit-b
  .icon-0602bianji
• 人民币
  .icon-renminbi
• email
  .icon-icon-email
• 更多
  .icon-ai213
• hot
  .icon-hot
• data
  .icon-data
• trade
  .icon-trade
• 公交
  .icon-gongjiao
• 地址
  .icon-dizhi1
• 更多
  .icon-more-br
• 更多
  .icon-gengduo-2
• 更多
  .icon-gengduo-21
• color
  .icon-color
• 旗子
  .icon-qizi
• logistic
  .icon-logistic
• 点
  .icon-dian
• video
  .icon-video
• password
  .icon-password
• 星
  .icon-xing
• code
  .icon-code
• 动作
  .icon-dongzuo
• 竞速
  .icon-jingsu
• 角色
  .icon-jiaose
• 冒险
  .icon-maoxian
• 射击
  .icon-sheji
• 其他
  .icon-qita
• 体育
  .icon-tiyu
• 格斗
  .icon-gedou
• 用户
  .icon-user
• 公共-红旗
  .icon-hongqi
• camera
  .icon-camera
• 留言
  .icon-liuyan

font-class引用

---

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

与unicode使用方式相比，具有如下特点：

• 兼容性良好，支持ie8+，及所有现代浏览器。
• 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
• 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
• 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

第一步：引入项目下面改变的fontclass代码：

<link rel="stylesheet" type="text/css" href="./iconfont.css">

第二步：挑选相应图标并获取类名，应用于页面：

<i class="iconfont icon-xxx"></i>

"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。