IconFont 图标
-
锁
-
关闭
-
线
-
工具箱
-
返回
-
分屏
-
标尺
-
还原
-
后退
-
全屏
-
保存
-
暂停
-
下载-
-
圆点
-
缩小
-
报告
-
面积测量
-
镜像
-
窗宽窗位
-
长度测量
-
刷新
-
播放
-
退出
-
导出
-
缩略图
-
全屏
-
还原
-
锁
-
锁
-
水标尺-in
-
UY - 颜色
-
标记
-
工具
-
抱歉,您没有权限查看
-
右旋转90
-
左旋转90
-
列表
-
导出
-
缩略2
-
缩放
-
操作
-
移动
-
3.0-相机
-
绘制矩形
-
箭头
-
在线标尺
-
文字
-
文字
-
角度
-
缩略图
-
输入
-
圆形
-
面积
-
私密
-
顺时针旋转
-
返回
-
私有项目
-
分割线
-
笔
-
矩形
-
椭圆
-
反相
-
隐藏
-
列表
-
导出
-
隐藏
-
橡皮擦_icon
-
-面积
-
勾
-
移动
-
标注
-
放大镜
-
橡皮擦
-
锁
-
编辑画笔
-
旋转
-
储存
-
左旋转90
-
报告
-
模型详情-旋转
-
文字
-
场馆分区
-
标注
-
距离测量
-
角度
-
未标题-2
unicode引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
第二步:定义使用iconfont的样式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="iconfont">3</i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。