IconFont 图标
-
填色
-
合并
-
封闭
-
节点
-
大小
-
编辑
-
上传
-
新手上路
-
其他
-
全部
-
图片
-
硬盘
-
剪刀
-
显示器
-
手机
-
打印机
-
正确
-
错误
-
禁止
-
提示
-
警告
-
帮助
-
文件
-
编辑文件
-
等待文件
-
删除文件
-
剪切文件
-
复制文件
-
搜索文件
-
等待
-
文件夹
-
新增文件夹
-
删除文件夹
-
未打卡的文件夹
-
锁定
-
资料库
-
字体
-
竖状图
-
曲线图
-
折线图
-
精确定向
-
指针
-
激活
-
图标
-
用研
-
排序
-
向左
-
向上
-
向右
-
撤销
-
重做
-
设置
-
删除
-
收藏
-
位置
-
附件
-
刷新
-
更新
-
退出
-
设置
-
缩回
-
缩小
-
放大
-
移动
-
全屏
-
缩小
-
放大
-
新建窗口
-
新窗口打开
-
点击
-
round_check_fill
-
round_check
-
refresh
第一步:使用font-face声明字体
@font-face {font-family: 'iconfont';
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
第二步:定义使用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>