IconFont 图标

• 上箭头
  .icon-up3-sd
• 全屏
  .icon-fullscreen-sd
• 关闭
  .icon-x2-sd
• 时钟
  .icon-time-sd
• 关闭
  .icon-x-sd
• 箭头
  .icon-up-sd
• icon_list_right_choice
  .icon-succ-sd
• icon_arrow10_down
  .icon-down3-sd
• icon_arrow10_right
  .icon-right3-sd
• icon_arrow10_up
  .icon-up3-sd1
• icon_center16_appreciation
  .icon-priceu-sd
• icon_center16_invalid
  .icon-invalid-sd
• icon_center16_price
  .icon-priced-sd
• icon_close
  .icon-close2-sd
• icon_close_grey
  .icon-close2b-sd
• icon_details16_dell
  .icon-del-sd
• icon_details16_share
  .icon-share-sd
• icon_details16_view
  .icon-view-sd
• icon_details24_badnall
  .icon-flower4-sd
• icon_details24_badnall_on
  .icon-flower3-sd
• icon_details24_choice
  .icon-select-sd
• icon_details24_del
  .icon-del2-sd
• icon_details24_flower
  .icon-flower2-sd
• icon_details24_good_on
  .icon-flower-sd
• icon_details24_pic_close
  .icon-close-sd
• icon_details24_pic_edit
  .icon-edit-sd
• icon_details24_pic_left
  .icon-turnleft-sd
• icon_details24_pic_right
  .icon-turnright-sd
• icon_details24_star_null
  .icon-fav2-sd
• icon_details24_star_red
  .icon-fav-sd
• icon_head_up
  .icon-arrowup-sd
• icon_i
  .icon-info-sd
• icon_list10_triangle
  .icon-arrowr-sd
• icon_list16_account
  .icon-account-sd
• icon_navigationarrow10_right
  .icon-right-sd
• icon_pop24_qq
  .icon-qq-sd
• icon_pop40_fail
  .icon-error-sd
• icon_pop70_success
  .icon-success-sd
• icon_pop70_warning
  .icon-warn2-sd
• icon_top32_search
  .icon-search-sd
• icon_warn
  .icon-warn-sd
• icon_arrow10_close
  .icon-close3-sd
• 箭头
  .icon-down-sd
• icon_2d barcode
  .icon-code-sd
• icon_collect
  .icon-fav3-sd
• icon_footprint
  .icon-foot-sd
• icon_lightning
  .icon-buy2-sd
• icon_man
  .icon-account-sd1
• icon_pay
  .icon-pay-sd
• icon_question
  .icon-ques-sd
• icon_service
  .icon-service-sd
• icon_shopping
  .icon-buy-sd
• icon_up
  .icon-up2-sd
• icon_write
  .icon-feedback-sd
• icon_sell
  .icon-sell-sd

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