IconFont 图标
-
设计.nkicon-sheji
-
金牌施工队.nkicon-jinpaishigongdui
-
自动运行.nkicon-msnui-running
-
综合分析.nkicon-msnui-report-map
-
安全防护2.nkicon-anquanfanghu2
-
机械设备~.nkicon-jixieshebei
-
项目1.nkicon-xiangmu1
-
风险管控.nkicon-fengxianguankong
-
机械行业.nkicon-jixiexingye
-
安全知识.nkicon-anquanzhishi
-
材料厂家.nkicon-cailiaochangjia
-
文件.nkicon-wenjiandocuments4
-
材料库房.nkicon-cailiaokufang
-
综合.nkicon-zonghe
-
企业综合数据查询.nkicon-qiyezongheshujuchaxun
-
风险预警.nkicon-fengxianyujing
-
我的投资.nkicon-touzi
-
投资.nkicon-touzi1
-
质量保障.nkicon-zhiliangbz
-
合同6.nkicon-hetong6
-
综合业务订单.nkicon-zongheyewudingdan
-
合同.nkicon-hetong
-
运行中.nkicon-running
-
投资004.nkicon-touzi004
-
生产设备管理.nkicon-shengchanshebeiguanli
-
安全保障.nkicon-anquanbaozhang1
-
文件.nkicon-buoumaotubiao37
-
快速运行-01.nkicon-kuaisuyunxing01
-
施工单位.nkicon-shigongdanwei
-
设计.nkicon-caozuo
-
安全.nkicon-anquan
-
合同.nkicon-hetong1
-
质量安全.nkicon-zhilianganquan
-
质量.nkicon-zhiliang
-
进度4.nkicon-jindu
-
文件.nkicon-wenjian
-
安全.nkicon-anquan1
-
文件管理.nkicon-wenjianguanli
-
6类金属材料x16.nkicon-leijinshucailiaox
-
19类建筑材料x16.nkicon-leijianzhucailiaox
-
安全.nkicon-anquan2
-
项目管理.nkicon-xiangmuguanli
-
项目管理.nkicon-xiangmuguanli1
-
作业进度.nkicon-zuoyejindu
-
器械设备.nkicon-qixieshebei
-
展厅一体施工.nkicon-zhantingyitishigong
-
风险.nkicon-fengxian
-
投资.nkicon-touzi-
-
安全.nkicon-anquan3
-
系统运行统计.nkicon-xitongyunhangtongji
-
进度.nkicon-jindu1
-
项目部.nkicon-xiangmubu
-
进度上报.nkicon-jindushangbao
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 nkicon-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。