IconFont 图标
-
编译
-
下一页
-
左上
-
favorite
-
left
-
用户
-
邮箱
-
上一页
-
下拉
-
添加
-
list
-
delete
-
退出
-
文件上传
-
注销
-
邮箱
-
单位
-
刷新
-
更多
-
down
-
chart pie
-
user
-
picture
-
视频
-
folder
-
selected
-
ViewGallery
-
Select all
-
list
-
eye
-
right
-
up
-
视频播放
-
消息
-
选中
-
消息
-
area-chart
-
添加
-
视频
-
python
-
声音
-
消息
-
question
-
auto
-
task
-
atm-away
-
cross
-
fire
-
工具
-
消息
-
pin
-
文件夹
-
full-screen
-
消息
-
上传视频
-
warning
-
上传文件
-
application
-
link
-
menu-unfold
-
menu-fold
-
选中
-
规范
-
bars
-
bms_脚手架_库存
-
更多
-
脚手架管理
-
notification
-
picture
-
save
-
file
-
放大
-
success
-
new-window
-
移除
-
选中
-
注销
-
arrow-down-right
-
folder-open
-
tree
-
warning
-
phone
-
帮助
-
回到顶部
-
subdirectory_arrow_right
-
添加
-
rightBottom_02
-
视频播放
-
选中
-
退出
-
指南
-
list
-
选中
-
WorkflowDesign
-
WorkflowMonitoring
-
task
-
wxb报表
-
wxb工具
-
wxb搜索推广
-
wxb定位
-
setting
-
favorite
-
icon-toTop
-
copy
-
更多
-
操作指南
-
test
-
标签1
-
移除
-
工具
-
首页-首页
-
注销
-
回到顶部
-
home
-
close
-
是的_right149
-
ok
-
首页
-
上传文件
-
退出
-
tree
-
setting
-
回到顶部
-
视频
-
info
-
toTop
-
paper-clip
-
play-video-button
-
file
-
字符
-
选中
-
task
-
上传文件
-
订单关闭
-
上传视频
-
声音
-
指引
-
icon_menu_fold_30x30
-
选中
-
说明
-
hot
-
打包
-
history
-
html
-
icon_menu_unfold_30x30
-
入门篇
-
环境
-
data
-
通用类_添加视图
-
定制
-
error
-
选中
-
移除
-
更多
-
edit
-
folder-close
-
皮肤
-
workflow
-
tree
-
good
-
template
-
减号
-
themeisle
-
资源借用
-
npm
-
左箭头
-
返回
-
列-表
-
向下 Down 1000
-
更多
-
业务
-
工程管理
-
ray
-
三道杠无填充
-
上传视频
-
desktop on-line statistics
-
返回
-
file-tree
-
穿梭框
-
eye-o
-
sass
-
qr-code
-
关闭-半角
-
移除
-
ruby
-
退出
-
报警
-
chart-bar
-
工具
-
移除
-
定制
-
详情consult
-
menu-unfold
-
规范
-
success
-
环境
-
符号-文档
-
history
-
基 础管理
-
添加数据源
-
隐藏列
-
edit
-
input
-
enty-out-storage
-
setting
-
注销
-
定制
-
vue
-
表格
-
cancel
-
java
-
更新日志
-
报警
-
基础
-
注销
-
template
-
appStore
-
video
-
入库
-
出库
-
html
-
选中
-
Application
-
收 藏
-
指引
-
信封
-
图表
-
单位
-
卡片
-
Webpack
-
code
-
password
-
条纹码 条形码 条码
-
close
-
fire
-
数据表格2
-
code
-
enzyme
-
回到顶部
-
视频上传
-
js
-
减
-
右箭头
-
检查
-
右下箭头
-
table
-
gulp
-
react
-
sass
-
左上箭头
-
tags
-
组件库
-
add
-
initiate-assistance
-
维修记录
-
火
-
交互
-
交互随即查询
-
公文范例库
-
postcss
-
webpack
-
新增知识库
-
重命名
-
操作指南
-
交互图标
-
右上
-
caret-right
-
首页
-
menu fold
-
业务
-
list
-
table
-
react
-
右斜上箭头
-
more
-
文档
-
开发环境
-
日期
-
开发环境
-
search
-
缩小
-
井
-
qr-code
-
open-in-new
unicode引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {
font-family: 'amosicon';
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#amosicon') format('svg');
}
第二步:定义使用iconfont的样式
.amosicon{
font-family:"amosicon" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="amosicon">3</i>
"amosicon"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。