IconFont 图标

• 返回
  .icon-fanhui
• 更多
  .icon-gengduo
• 电话
  .icon-dianhua
• 展开
  .icon-zhankai
• 关闭
  .icon-guanbi
• 复选框
  .icon-fuxuankuang
• 全部订单
  .icon-quanbudingdan
• 首页
  .icon-shouye
• 返回
  .icon-llmainpageback
• 更多
  .icon-gengduo1
• 关闭
  .icon-guanbi1
• 更多
  .icon-gengduo2
• 电话
  .icon-dianhua1
• gw购物车
  .icon-gouwuche
• 删除
  .icon-shanchu
• 更多
  .icon-gengduo3
• 密码
  .icon-mima
• 购物车
  .icon-gouwuche1
• 添加
  .icon-tianjia
• 地址
  .icon-dizhi
• 分类
  .icon-fenlei
• 搜索
  .icon-search
• 搜索
  .icon-sousuo
• 更多
  .icon-gengduo4
• 关闭
  .icon-guanbi2
• 退款
  .icon-cshy-rmb2
• 商品
  .icon-jingxuan
• 编辑
  .icon-bianji
• 添加
  .icon-tianjia1
• 分类
  .icon-fenlei1
• 复选框
  .icon-fuxuankuang1
• 返回顶部
  .icon-top
• 分类
  .icon-fenlei2
• 店铺
  .icon-dianpu
• 服务
  .icon-fuwu
• 物流
  .icon-wuliu
• 商品
  .icon-dangan
• 返回顶部
  .icon-fanhuidingbu
• 购物车
  .icon-gouwuche2
• 支付宝
  .icon-zhifubao
• 礼物
  .icon-liwu
• 待付款
  .icon-daifukuan
• 单选
  .icon-danxuan
• 支付宝
  .icon-zhifubao1
• 成功
  .icon-chenggong
• 支付宝
  .icon-zhifubao2
• 收起
  .icon-shouqi
• 说明
  .icon-shuoming1
• 待收货
  .icon-daishouhuo-copy
• 显示
  .icon-asmkticon0253
• 商品
  .icon-shangpin
• 添加图片
  .icon-tianjiatupian
• 失败
  .icon-shibai
• 联系
  .icon-lianxi
• 会员
  .icon-huiyuan
• 查看更多icon
  .icon-chakangengduoicon
• 联系
  .icon-icon_lianxi
• 查看更多icon
  .icon-chakangengduoicon1
• 单选框
  .icon-danxuankuang
• 首页-首页
  .icon-shouye-shouye
• 购物车空
  .icon-gouwuchekong
• 物流
  .icon-wuliu1
• 16备注
  .icon-beizhu
• 日期
  .icon-date
• JR-备注
  .icon-beizhu1
• activity_fill
  .icon-activity_fill

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