-
播放
.custom-icon-bofang
-
播放
.custom-icon-play
-
语音
.custom-icon-yuyin
-
语音
.custom-icon-yuyin1
-
语音
.custom-icon-yuyin2
-
语音
.custom-icon-ziyuanldpi
-
语音
.custom-icon-yuyin3
-
语音
.custom-icon-yuyin4
-
语音
.custom-icon-yuyin5
-
语音
.custom-icon-yuyin6
-
语音
.custom-icon-A
-
语音
.custom-icon-yuyin7
-
积分兑换
.custom-icon-jifenduihuan
-
积分2
.custom-icon-tubiao309
-
积分5
.custom-icon-tubiao301
-
积分规则管控2
.custom-icon-jifenguizeguankong2
-
积分
.custom-icon-jifen
-
dkw_积分
.custom-icon-dkw_jifen
-
积分
.custom-icon-jifen1
-
功能_积分
.custom-icon-gongneng_jifen
-
积分管理
.custom-icon-jifenguanli-
-
积分
.custom-icon-jifen2
-
积分
.custom-icon-jifen3
-
积分
.custom-icon-jifen4
-
积分兑换
.custom-icon-jifenduihuan1
-
积分
.custom-icon-jifen5
-
积分会员
.custom-icon-jifenhuiyuan
-
积分
.custom-icon-jifen6
-
积分integrate-fill
.custom-icon-jifenintegrate-fill
-
签到
.custom-icon-qiandao2
-
签到
.custom-icon-qiandao3
-
下载
.custom-icon-xiazai3
-
icon_分享
.custom-icon-icon_fenxiang
-
分享
.custom-icon-share
-
优惠券
.custom-icon-youhuiquan
-
优惠券
.custom-icon-youhuiquan-copy
-
券
.custom-icon-quan2
-
券
.custom-icon-quan3
-
券
.custom-icon-quan2-copy
-
券
.custom-icon-quan3-copy
-
Tab_首页(未选中)
.custom-icon-shouyeweixuanzhong
-
Tab_分区(未选中)
.custom-icon-fenquweixuanzhong
-
Tab_动态(未选中)
.custom-icon-dongtaiweixuanzhong
-
Tab_我的(未选中)
.custom-icon-wodeweixuanzhong
-
交流(未选中)
.custom-icon-jiaoliuweixuanzhong
-
Tab_首页(选中)
.custom-icon-shouyexuanzhong-copy
-
Tab_我的(选中)
.custom-icon-wodexuanzhong-copy
-
Tab_动态(选中)
.custom-icon-dongtaixuanzhong-copy
-
Tab_分区(选中)
.custom-icon-fenquxuanzhong-copy
-
交流(选中)
.custom-icon-jiaoliuxuanzhong-copy
-
横屏
.custom-icon-hengping
-
版本更新
.custom-icon-banbengengxin
-
编辑
.custom-icon-bianji
-
邀请好友 (1)
.custom-icon-yaoqinghaoyou1
-
我的-应用推荐
.custom-icon-wodeyingyongtuijian
-
ico版本更新
.custom-icon-icobanbengengxin
-
关于我们
.custom-icon-guanyuwomen
-
我的应用
.custom-icon-gaiicon-
-
编辑
.custom-icon-bianji1
-
关于我们
.custom-icon-guanyuwomen1
-
版本更新
.custom-icon-app_icons--
-
邀请好友
.custom-icon-yaoqinghaoyou
-
分享
.custom-icon-share1
-
邀请好友
.custom-icon-yaoqinghaoyou2
-
我的应用
.custom-icon-wodeyingyong
-
编辑
.custom-icon-bianjihdpi
-
关于我们
.custom-icon-guanyuwomen2
-
意见反馈
.custom-icon-yijianfankui
-
意见反馈
.custom-icon-yijianfankui1
-
分享
.custom-icon-zujian-icon-33
-
意见反馈
.custom-icon-yijianfankui2
-
朋友圈00
.custom-icon-pengyouquan00
-
朋友圈
.custom-icon-moment-fill
-
链接
.custom-icon-link-fill
-
保存
.custom-icon-icon_function_baocun
-
文件链接
.custom-icon-wenjianlianjie
-
微博
.custom-icon-weibo
-
qq
.custom-icon-qq
-
qq
.custom-icon-qq1
-
保存
.custom-icon-baocun
-
复制链接(面)
.custom-icon-fuzhilianjiemian
-
超链接
.custom-icon-chaolianjie
-
保存
.custom-icon-baocun1
-
保存
.custom-icon-baocun2
-
评价
.custom-icon-pingjia
-
爱心
.custom-icon-aixin
-
评价
.custom-icon-pingjia1
-
分享
.custom-icon-fenxiang3
-
分享
.custom-icon-fenxiang11
-
待评价
.custom-icon-daipingjia
-
爱心
.custom-icon-aixin11
-
分享
.custom-icon-fenxiang21
-
待评价
.custom-icon-daipingjia-copy
-
看见
.custom-icon-kanjian
-
看过
.custom-icon-kanguo2
-
收藏
.custom-icon-shoucang2
-
加
.custom-icon-jia
-
发表
.custom-icon-fabiao
-
发帖
.custom-icon-fatie
-
加
.custom-icon-jia1
-
发布
.custom-icon-fabu
-
创建话题
.custom-icon-chuangjianhuati
-
超级话题-热门点击态
.custom-icon-chaojihuati-remendianjitai
-
定位
.custom-icon-location
-
定位
.custom-icon-dingwei
-
定位
.custom-icon-dingwei1
-
定位
.custom-icon-dingwei2
-
话题
.custom-icon-huati
-
话题icon
.custom-icon-label
-
话题
.custom-icon-ziyuan131
-
话题
.custom-icon-huati1
-
星球
.custom-icon-xingqiu
-
话题
.custom-icon-huati2
-
地址 定位 位置
.custom-icon-dizhidingweiweizhi
-
前进
.custom-icon-qianjin
-
前进
.custom-icon-qianjin1
-
搜索
.custom-icon-sousuo2
-
星星
.custom-icon-xingxing
-
搜索
.custom-icon-sousuo11
-
星星
.custom-icon-xingxing1
-
星星
.custom-icon-xingxing2
-
搜索
.custom-icon-sousuo21
-
搜索
.custom-icon-sousuo31
-
星星
.custom-icon-xingxing3
-
前进
.custom-icon-qianjin2
-
淘宝
.custom-icon-taobao
-
天猫1
.custom-icon-tianmao
-
天猫
.custom-icon-tianmao1
-
后退
.custom-icon-houtui
-
加减组件 加号
.custom-icon-jiajianzujianjiahao
-
热点
.custom-icon-redian
-
热点 附近人
.custom-icon-redianfujinren
-
搜索
.custom-icon-sousuo3
-
搜索
.custom-icon-sousuo4
-
语音
.custom-icon-ziyuan
-
视频
.custom-icon-ziyuan2
-
收藏
.custom-icon-ziyuan3
-
上传
.custom-icon-ziyuan4
-
定位
.custom-icon-ziyuan6
-
购物车
.custom-icon-ziyuan7
-
签到
.custom-icon-ziyuan8
-
订单
.custom-icon-ziyuan9
-
分类
.custom-icon-ziyuan10
-
钱包
.custom-icon-ziyuan11
-
点赞
.custom-icon-ziyuan12
-
聊天
.custom-icon-ziyuan13
-
下载
.custom-icon-ziyuan16
-
读书
.custom-icon-ziyuan22
-
签到
.custom-icon-qiandao
-
浏览
.custom-icon-liulan
-
问题
.custom-icon-wenti
-
女_32
.custom-icon-nv
-
男_32
.custom-icon-nan
-
中性_32
.custom-icon-zhongxing
-
直播观看数_32
.custom-icon-zhiboguankanshu
-
下载_32
.custom-icon-xiazai
-
收藏_32
.custom-icon-shoucang
-
收藏(填充)
.custom-icon-shoucangtianchong
-
设置_44
.custom-icon-shezhi
-
不感兴趣(填充)_44
.custom-icon-buganxingqutianchong
-
删除_44
.custom-icon-shanchu
-
下载失败
.custom-icon-xiazaishibai
-
32_ic_踩
.custom-icon-cai
-
32_ic_赞
.custom-icon-zan
-
已追番
.custom-icon-yizhuifan
-
刷新
.custom-icon-shuaxin
-
刷新
.custom-icon-tubiao01
-
YDUI-刷新
.custom-icon-yduishuaxin
-
刷新
.custom-icon-ai244
-
刷新
.custom-icon-shuaxin1
-
刷新
.custom-icon-shuaxin2
-
刷新
.custom-icon-shuaxin3
-
刷新
.custom-icon-shuaxin4
-
刷新
.custom-icon-shuaxin5
-
返回
.custom-icon-htmal5icon37
-
返回
.custom-icon-2fanhui
-
更多 大
.custom-icon-gengduoda
-
返回
.custom-icon-fanhui
-
返回
.custom-icon-fanhui1
-
分享
.custom-icon-arrow-
-
分享
.custom-icon-share-fill
-
搜索
.custom-icon-sousuo
-
爱心,喜欢,感谢_jurassic
.custom-icon-jurassic_love
-
收藏
.custom-icon-favourited
-
搜索
.custom-icon-sousuo1
-
爱心
.custom-icon-aixin1
-
爱心
.custom-icon-aixin2
-
收藏
.custom-icon-shoucang1
-
更多
.custom-icon-gengduo
-
下载
.custom-icon-xiazai_2
-
分 享
.custom-icon-fenxiang
-
分享
.custom-icon-fenxiang1
-
分享_微信
.custom-icon-fenxiangweixin
-
下载
.custom-icon-xiazai1
-
分享
.custom-icon-fenxiang2
-
下载 (2)
.custom-icon-xiazai2
-
下载
.custom-icon-xiazai11
font-class 引用
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
与 Unicode 使用方式相比,具有如下特点:
- 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
使用步骤如下:
第一步:在 HTML 页面为字体增加 preload,提升字体加载速度:
<link rel="preload" href="//at.alicdn.com/t/font_2582495_hcol750nbpb.woff2" as="font" type="font/woff2" crossorigin="anonymous">
第二步:引入项目下面生成的 fontclass 代码:
<link rel="stylesheet" href="//at.alicdn.com/t/font_2582495_hcol750nbpb.css">
第三步:挑选相应图标并获取类名,应用于页面:
<span class="custom-icon custom-icon-xxx"></span>
"
custom-icon" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。