IconFont 图标
-
支付宝
-
我
-
列表
-
添加
-
列表
-
系统设置
-
more
-
个人中心-我的钱包
-
miaojie_seller_selected
-
Cloud network_2
-
safe
-
列表
-
产品管理
-
用户
-
more
-
修改
-
服务
-
购物车添加
-
二维码
-
我的订单
-
我的红包
-
聚
-
充值记录
-
服务
-
tel
-
圆点中
-
云主机,云服务器架构
-
模块
-
银联
-
充值2
-
列表
-
文章管理02
-
我的钱包
-
免
-
pay-circle
-
勾
-
钱
-
控制中心
-
成功
-
success
-
财务管理
-
扫码
-
云开发主机
-
yxx_wechat_pay_success
-
成功
-
aright
-
用户
-
删除
-
buy-webhosting-step1-dns
-
buy-webhosting-step1-domain
-
buy-webhosting-step2-server-security
-
警告
-
用户
-
时间
-
首页
-
加入云主机
-
云主机(pitch on)
-
云主机
-
设置
-
home
-
财务数据
-
clock
-
设置
-
微信支付
-
工单
-
paysuccess
-
设置
-
充值记录
-
easy
-
warn
-
用户
-
Speed
-
我的工单
-
余额 (1)
-
host
-
域名与网站
-
云虚拟主机
-
dns云解析
-
云数据库 redis
-
控制台
-
用户
-
安全
-
账单
-
域名解析
-
返回
-
关闭
-
全屏
-
箭头 上
-
箭头 上
-
箭头 右
-
箭头 下
-
扫一扫
-
分类
-
选中
-
设置
-
订单
-
关闭26
-
快捷标签
-
stable
-
hosting
-
换一换
-
number_6
-
number_7
-
number_9
-
number_0
-
number_3
-
number_1
-
number_4
-
number_8
-
number_punctuation
-
账单
-
number_5
-
number_2
-
add
-
3column
-
back
-
extend
-
forward
-
increase
-
left
-
nav-list
-
navigation
-
register
-
refresh
-
search
-
setting
-
sync
-
view-list
-
search-o
-
view-list-o
-
cloud-hosting
-
arrow-down
-
arrow-left
-
arrow-right
-
arrow-up
-
arrow-down
-
arrow-right
-
arrow-left
-
arrow-up
-
cloud logo
-
twitter
-
wechat
-
weibo
-
qzone
-
qq
-
github
-
csdn
-
Facebook
-
alipay
-
linkedin
-
google
-
skype
-
union_pay
-
alipay
-
微信
-
hostSafe
-
箭头
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"。