IconFont 图标

• moon
  .icon-moon
• 历史
  .icon-lishi
• 历史
  .icon-lishi1
• 阅读
  .icon-yuedu
• 排行榜
  .icon-rank
• 历史
  .icon-lishi2
• top
  .icon-line2
• 打赏
  .icon-huobandashang
• 标签
  .icon-biaoqian
• 书库
  .icon-shuku
• 圆圈
  .icon-yuanquan1
• 书架
  .icon-bookshelf
• 书架
  .icon-shujia
• line
  .icon-line
• 推荐
  .icon-tuijian
• 暂无充值记录
  .icon-chongzhi2
• 排序
  .icon-up1
• 目录
  .icon-catalog2
• top
  .icon-top
• 打赏
  .icon-dashang
• 记录
  .icon-note
• 书库
  .icon-yg-book
• 优惠券
  .icon-yhq3
• 半圆形-01
  .icon-circle
• 左右箭头
  .icon-right
• 赞
  .icon-zan
• 上下箭头
  .icon-up
• 左右箭头
  .icon-left
• 优惠券
  .icon-yhq
• 明细
  .icon-mingxi
• 钻石
  .icon-diamond1
• 排序
  .icon-down1
• 上下箭头
  .icon-down
• search
  .icon-search
• 半圆形-01
  .icon-circle2
• home
  .icon-home
• 个人中心
  .icon-user
• close
  .icon-close
• 星星
  .icon-xingxing
• line
  .icon-line1
• back
  .icon-back
• shanchu
  .icon-dele
• 选中
  .icon-checked
• 客服
  .icon-kefu
• 目录
  .icon-catalog
• 优惠券
  .icon-yhq2
• 账户
  .icon-account
• 充值
  .icon-chongzhi

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