IconFont 图标

• 编辑
  .lnzi-icon-bianji
• 弹窗关闭按钮
  .lnzi-icon-danchuangguanbianniu
• 关闭提示
  .lnzi-icon-guanbitishi
• 解释说明@2x
  .lnzi-icon-jieshishuomingx
• 会员卡明细管理
  .lnzi-icon-huiyuanqiamingxiguanli
• 提示
  .lnzi-icon-tishi
• 借款记录
  .lnzi-icon-jiekuanjilu
• 实名认证
  .lnzi-icon-shimingrenzheng
• 银行卡
  .lnzi-icon-yinhangqia
• 芝麻icon
  .lnzi-icon-zhimaicon
• A
  .lnzi-icon-A
• Q
  .lnzi-icon-Q
• 同意
  .lnzi-icon-tongyi
• 征信报告认证
  .lnzi-icon-zhengxinbaogaorenzheng
• 水电缴费
  .lnzi-icon-shuidianjiaofei
• 经营许可认证
  .lnzi-icon-jingyingxukerenzheng
• 删减符号
  .lnzi-icon-shanjianfuhao
• 人脸识别
  .lnzi-icon-renlianshibie
• 借款中心
  .lnzi-icon-jiekuanzhongxin
• 支付宝
  .lnzi-icon-zhifubao
• 银行卡管理-01
  .lnzi-icon-yinhangqiaguanli-
• 客服中心
  .lnzi-icon-kefuzhongxin
• 优惠卷
  .lnzi-icon-youhuijuan
• 我的奖励
  .lnzi-icon-wodejiangli1
• 补充认证@2x-01
  .lnzi-icon-buchongrenzhengx-1
• 工商信息认证
  .lnzi-icon-gongshangxinxirenzheng
• 工程合同认证
  .lnzi-icon-gongchenghetongrenzheng
• 工程承包证书
  .lnzi-icon-gongchengchengbaozhengshu
• 认证
  .lnzi-icon-renzheng
• 白条使用问题
  .lnzi-icon-baitiaoshiyongwenti
• 其他问题
  .lnzi-icon-qitawenti
• 在线客服
  .lnzi-icon-zaixiankefu
• 还款问题
  .lnzi-icon-huankuanwenti
• 经营场地(1)
  .lnzi-icon-jingyingchangdi
• 水电缴费(1)
  .lnzi-icon-shuidianjiaofei1
• zhengxin
  .lnzi-icon-zhengxin
• down
  .lnzi-icon-down
• left
  .lnzi-icon-left
• f no choose
  .lnzi-icon-fnochoose
• choose
  .lnzi-icon-choose
• tick
  .lnzi-icon-tick
• off
  .lnzi-icon-off
• on
  .lnzi-icon-on
• right
  .lnzi-icon-right
• delete
  .lnzi-icon-delete
• hook
  .lnzi-icon-hook
• business
  .lnzi-icon-business
• 银行卡
  .lnzi-icon-yinhangqia1
• 紧急联系人 下午2.37.41
  .lnzi-icon-jinjilianxirenxiawu
• 执业
  .lnzi-icon-zhiye
• 药品经营许可证
  .lnzi-icon-yaopinjingyingxukezheng
• 医保账户
  .lnzi-icon-yibaozhanghu
• 信任认证-认证
  .lnzi-icon-xinrenrenzheng-renzheng
• 通告
  .lnzi-icon-notice
• 添加
  .lnzi-icon-add
• 关闭
  .lnzi-icon-close
• 打钩
  .lnzi-icon-dagou

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 lnzi-icon-xxx"></i>

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