IconFont 图标

• 编辑
  .icon-bianji
• 刷新
  .icon-shuaxin
• 收起
  .icon-shouqi
• 返回
  .icon-llmainpageback
• 更多
  .icon-gengduo
• 设置
  .icon-shezhi1
• 设置
  .icon-icon02
• 密码
  .icon-mima
• 帮助
  .icon-bangzhu
• 用户
  .icon-user
• 告警
  .icon-gaojing
• 总线节点
  .icon-zongxianjiedian
• 帮助
  .icon-iconfontbangzhufuzhi
• 图表
  .icon-chart
• icon响应
  .icon-iconxiangying
• 删除
  .icon-shanchu
• 全屏
  .icon-quanping
• 更多
  .icon-up
• 编辑
  .icon-ai-edit
• 删除
  .icon-iconshanchu
• 资料
  .icon-ziliao
• 界面
  .icon-jiemian
• 邮件包裹
  .icon-youjianbaoguo
• 设置
  .icon-shezhi
• 打印
  .icon-dayin
• web-b接口申报
  .icon-webbjiekoushenbao
• Web服务器
  .icon-Webfuwuqi
• 主机管理
  .icon-zhujiguanli
• arrow
  .icon-arrow
• 台站故障
  .icon-taizhanguzhang
• 拓扑
  .icon-tuopu
• 基本资料
  .icon-jibenziliao
• 开放接口
  .icon-kaifangjiekou
• 聚合
  .icon-juhe
• 图表A
  .icon-tubiaoA
• 云平台_报表管理
  .icon-yunpingtai_baobiaoguanli
• 故障升级
  .icon-guzhangshengji
• 预警
  .icon-yujing
• 拓扑图-实心
  .icon-tuoputu-shixin
• 正常
  .icon-zhengchang
• arrow
  .icon-arrow-down
• 系统接口
  .icon-xitongjiekou
• 告警信息
  .icon-gaojingxinxi
• cpu
  .icon-cpu
• 内存2
  .icon-neicun
• 温度
  .icon-wendu
• 上移
  .icon-shangyi
• 上移
  .icon-youyi
• 虚拟磁盘选中
  .icon-xunicipanxuanzhong
• 接口开发
  .icon-jiekoukaifa

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