IconFont 图标

• 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
• favorite
  .icon-favorite
• form
  .icon-form
• help
  .icon-help
• information
  .icon-information
• less
  .icon-less
• more_unfold
  .icon-moreunfold
• more
  .icon-more
• pic
  .icon-pic
• QRCode
  .icon-qrcode
• refresh
  .icon-refresh
• RFQ
  .icon-rfq
• search
  .icon-search
• selected
  .icon-selected
• set
  .icon-set
• Smile
  .icon-smile
• success
  .icon-success
• survey
  .icon-survey
• training
  .icon-training
• ViewGallery
  .icon-viewgallery
• Viewlist
  .icon-viewlist
• warning
  .icon-warning
• wrong
  .icon-wrong
• account
  .icon-account
• add
  .icon-add
• clock
  .icon-clock
• remind
  .icon-remind
• calendar
  .icon-calendar
• attachment
  .icon-attachment
• discount
  .icon-discount
• service
  .icon-service
• print
  .icon-print
• box
  .icon-box
• process
  .icon-process
• lights
  .icon-lights
• jewelry
  .icon-jewelry
• browse
  .icon-browse
• scanning
  .icon-scanning
• pin
  .icon-pin
• link
  .icon-link
• cut
  .icon-cut
• text
  .icon-text
• move
  .icon-move
• download
  .icon-icondownload
• map
  .icon-map
• bad
  .icon-bad
• good
  .icon-good
• play
  .icon-iconfontplay2
• stop
  .icon-iconfontstop
• compass
  .icon-compass
• security
  .icon-security
• share
  .icon-share
• hot
  .icon-hot
• data
  .icon-data
• favorites
  .icon-favorites

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"。