snfont 图标

• 减号
  .sn-mins
• 分享
  .sn-share
• 选中
  .sn-check
• 帮助
  .sn-help
• 女人
  .sn-woman
• 返回
  .sn-back
• 选中
  .sn-check1
• 下载
  .sn-download
• 加号
  .sn-plus1
• 放大
  .sn-zoomin
• 缩小
  .sn-zoomout
• 星星
  .sn-star
• 消息
  .sn-message
• 添加用户
  .sn-userplus
• 删除
  .sn-delete
• 编辑
  .sn-edit
• 返回
  .sn-back1
• 加载
  .sn-loading1
• 垃圾箱
  .sn-dustbin
• 搜索
  .sn-search
• 设置
  .sn-setting
• 关闭
  .sn-close-empty
• 菜单
  .sn-menu
• 上传
  .sn-uploadcloud
• 预览
  .sn-view
• 不可用
  .sn-disabled
• 警告
  .sn-warning
• 分享
  .sn-share1
• 关闭
  .sn-close
• 相机
  .sn-camera
• 信息
  .sn-info
• 星星
  .sn-star-outline
• 设置
  .sn-setting-outline
• 手机
  .sn-iphone
• 踩
  .sn-tread
• 删除
  .sn-delete1
• 搜索
  .sn-search3
• 简讯
  .sn-message1
• 时间
  .sn-date
• 加号
  .sn-plus
• 编辑
  .sn-edit
• 图表
  .sn-chart
• 编辑
  .sn-edit1
• 菜单
  .sn-menu1
• 铃铛
  .sn-bell
• 更多
  .sn-more
• 错误
  .sn-error
• 菜单
  .sn-menu2
• 上传
  .sn-upload
• 男人
  .sn-man
• 笑脸
  .sn-smile
• 上箭头
  .sn-arrow-up-new
• 下箭头
  .sn-arrow-down-new
• 左箭头
  .sn-arrow-left-new
• 右箭头
  .sn-arrow-right-new
• 日期
  .sn-date1
• 刷新
  .sn-refresh
• 切换开关
  .sn-switch
• 切换开关
  .sn-switch-outline
• 上箭头
  .sn-arrow-up
• 下箭头
  .sn-arrow-down
• 左箭头
  .sn-arrow-left
• 右箭头
  .sn-arrow-right
• 图片
  .sn-picture
• 加载
  .sn-loading

font-class引用

---

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

与unicode使用方式相比，具有如下特点：

• 兼容性良好，支持ie8+，及所有现代浏览器。
• 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
• 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
• 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

第一步：引入项目下面生成的fontclass代码：

<link rel="stylesheet" type="text/css" href="./snfont.css">

第二步：挑选相应图标并获取类名，应用于页面：

<i class="snfont sn-xxx"></i>

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