IconFont 图标
-
电影.icon-74
-
收藏.icon-lichuan-19
-
百度云盘.icon-baiduyunpan
-
分享.icon-vip-9
-
菜单.icon-menu
-
全屏.icon-quanping
-
迅雷.icon-icon
-
播放.icon-bofang
-
首页.icon-lichuan-11
-
首页.icon-shouye
-
切换.icon-qiehuan4
-
播放.icon-play
-
播放.icon-vip-8
-
双箭头.icon-vip-2
-
发表的评论.icon-lichuan-24
-
菜单.icon-caidan
-
直播~钊.icon-zhibo
-
aui-icon-close.icon-vip-4
-
迅雷会员logo.icon-vip-5
-
百度云.icon-changyonglogo45
-
全屏.icon-quanping1
-
全屏.icon-quanping2
-
首页.icon-lichuan-32
-
首页.icon-shouye-
-
切换内容.icon-qiehuanneirong
-
切换.icon-weibiaoti--
-
菜单.icon-caidan1
-
发表.icon-lichuan-20
-
直播.icon-zhibo1
-
首页.icon-shouye1
-
全屏.icon-vip-10
-
切换频道.icon-qiehuanpindao
-
app-icon.icon-vip-3
-
切换.icon-qiehuan
-
首页.icon-shouye2
-
下载.icon-icon-test
-
aui-icon-comment.icon-lichuan-26
-
aui-icon-search.icon-vip-1
-
播放器_来源_32.icon-bofangqilaiyuan32
-
切换.icon-qiehuan1
-
切换.icon-qiehuan5
-
电影.icon-dianying
-
菜单.icon-caidan2
-
切换.icon-qiehuan2
-
视频详情播放源.icon-shipinxiangqingbofangyuan
-
首页播放源.icon-shouyebofangyuan
-
切换.icon-qiehuan3
-
电影.icon-dianying1
-
电影.icon-dianying2
-
百度网盘.icon-vip-6
-
菜单.icon-caidan3
-
播放.icon-bofang1
-
切换 (1).icon-qiehuan6
-
切换.icon-weibiaoti-
-
循环播放.icon-lichuan-39
-
迅雷.icon-xunlei
-
菜单.icon-caidan5
-
百度云.icon-vip-7
font-class引用
font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。
与unicode使用方式相比,具有如下特点:
- 兼容性良好,支持ie8+,及所有现代浏览器。
- 相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。
- 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的fontclass代码:
<link rel="stylesheet" type="text/css" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<i class="iconfont icon-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。