IconFont 图标

• invite
  .icon-invite
• gift
  .icon-gift
• user
  .icon-user
• 帮助中心
  .icon-help
• Phone
  .icon-phone
• list
  .icon-list
• 冻结
  .icon-dongjie
• 疑问
  .icon-yiwen
• 关于我们
  .icon-about
• zijin
  .icon-zijin
• 资讯
  .icon-zixun
• 代金券
  .icon-daijinquan
• gold
  .icon-gold
• notice
  .icon-converted_file_dd
• qianbao
  .icon-ziyuan
• 趋势
  .icon-qushi
• 黄金
  .icon-huangjin
• hongbao
  .icon-hongbao
• if_account_friend_hu
  .icon-account
• 通用库-78工具图标-曲线和柱状图
  .icon-tongyongku-gongjutubiao-quxianhezhuzhuangtu
• 挂号单详情
  .icon-gd

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