IconFont 图标

• 导航
  .icon-menu
• 设置
  .icon-iconshezhi01
• 好友
  .icon-haoyou
• 右箭头
  .icon-youjiantou
• 道具
  .icon-daoju1
• 发布
  .icon-fabu
• 附件
  .icon-attachment
• 数据统计
  .icon-shujutongji
• 关闭
  .icon-guanbi
• 道具
  .icon-daoju
• 删除
  .icon-Delete
• 姓名 用户名 昵称
  .icon-xingmingyonghumingnicheng
• 兑换
  .icon-duihuan
• 资讯
  .icon-shouyezixun
• 心
  .icon-xin
• 验证码 (3)
  .icon-yanzhengma3
• 通讯录
  .icon-tongxunlu
• 更多
  .icon-gengduo
• 评论
  .icon-pinglun1
• 编辑
  .icon-edit
• 密码
  .icon-password
• 人数
  .icon-renshu
• 举报
  .icon-qiepian14
• 发帖
  .icon-fatie1
• 通讯录
  .icon-tongxunlu1
• 书
  .icon-shu
• 搜索
  .icon-search
• 头像拍照
  .icon-touxiangpaizhao
• 互动
  .icon-hudong
• 登录
  .icon-denglu
• 微信
  .icon-weixin1
• 默认头像
  .icon-morentouxiang
• 广告
  .icon-guanggao
• 图片
  .icon-tupian
• 已关注
  .icon-yiguanzhu
• 主页
  .icon-xiatubiao-
• 系统消息
  .icon-xitongxiaoxi
• 关注
  .icon-guanzhu
• 手机
  .icon-shouji
• 分享
  .icon-share
• 分享
  .icon-fenxiang
• 话题
  .icon-huati-
• 发现
  .icon-find
• 放大
  .icon-fangda
• 评论
  .icon-pinglun
• 笑脸
  .icon-xiaolian
• 验证码
  .icon-yanzhengma
• 收益
  .icon-ccgl-tuihuosunyi-5
• 退出
  .icon-logout
• 评分
  .icon-star
• 授权
  .icon-authorize
• 添加图片
  .icon-tianjiatupian
• 购物车
  .icon-gouwuche
• 上箭头
  .icon-arrow-up
• 下箭头
  .icon-xiajiantou
• 删除
  .icon-shanchu
• 直播
  .icon-shiliangzhinengduixiang
• 禁用
  .icon-jinyong
• 个人中心
  .icon-gerenzhongxin
• 直播
  .icon-zhibo
• 主题
  .icon-zhuti

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