IconFont 图标

• 关闭1
  .gs-icon-guanbi1
• refresh
  .gs-icon-refresh
• undo
  .gs-icon-undo
• ios-albums
  .gs-icon-ios-albums
• ios-alert
  .gs-icon-ios-alert
• ios-analytics
  .gs-icon-ios-analytics
• ios-alarm
  .gs-icon-ios-alarm
• ios-arrow-back
  .gs-icon-ios-arrow-back
• ios-arrow-down
  .gs-icon-ios-arrow-down
• ios-apps
  .gs-icon-ios-apps
• ios-arrow-up
  .gs-icon-ios-arrow-up
• ios-barcode
  .gs-icon-ios-barcode
• ios-browsers
  .gs-icon-ios-browsers
• ios-backspace
  .gs-icon-ios-backspace
• ios-expand
  .gs-icon-ios-expand
• ios-funnel
  .gs-icon-ios-funnel
• ios-key
  .gs-icon-ios-key
• ios-menu
  .gs-icon-ios-menu
• ios-more
  .gs-icon-ios-more
• ios-pin
  .gs-icon-ios-pin
• ios-play
  .gs-icon-ios-play
• ios-power
  .gs-icon-ios-power
• ios-radio-button-on
  .gs-icon-ios-radio-button-on
• ios-radio-button-off
  .gs-icon-ios-radio-button-off
• ios-settings
  .gs-icon-ios-settings
• ios-square
  .gs-icon-ios-square
• md-unlock
  .gs-icon-md-unlock
• md-arrow-dropdown
  .gs-icon-md-arrow-dropdown
• md-arrow-dropleft
  .gs-icon-md-arrow-dropleft
• md-arrow-dropright
  .gs-icon-md-arrow-dropright
• md-arrow-dropup
  .gs-icon-md-arrow-dropup
• md-arrow-round-back
  .gs-icon-md-arrow-round-back
• md-arrow-round-forwa
  .gs-icon-md-arrow-round-forwa
• md-arrow-round-down
  .gs-icon-md-arrow-round-down
• md-arrow-round-up
  .gs-icon-md-arrow-round-up

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="gs-iconfont gs-icon-xxx"></i>

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