IconFont 图标
-
对话框.duihuakuang
-
显示器󰂑.xianshiqi
-
手机.shouji
-
认证用户󰂰.renzhengyonghu
-
男商家󰃖.nanshangjia
-
女商家󰃗.nvshangjia
-
云下载.yunxiazai
-
耳机󰅉.erji
-
照相机.zhaoxiangji
-
视频󰅢.shipin
-
下载.xiazai
-
应用中心.yingyongzhongxin
-
图文详情󰆘.tuwenxiangqing
-
风景󰆞.fengjing
-
新浪微博󰆯.xinlangweibo
-
腾讯微博󰆰.tengxunweibo
-
qq󰇇.qq
-
豆瓣󰇈.douban
-
安卓.anzhuo
-
电话󰇯.dianhua
-
铁路.tielu
-
微软.weiruan
-
苹果.pingguo
-
㔂
图片㔂.tupian
-
刷新.shuaxin
-
左双引号.zuoshuangyinhao
-
右双引号.youshuangyinhao
-
㑈
手机㑈.shouji1
-
返回.fanhui
-
推广中󰊘.tuiguangzhong
-
暂停󰊙.zanting
-
首页󰊝.shouye
-
向下.xiangxia
-
向上.xiangshang
-
点.dian
-
向右.xiangyou
-
icon@.icon
-
icon_weixin.iconweixin
-
徽章.huizhang
-
点.dian1
-
edit.edit
-
location_fill.locationfill
-
round_check_fill.roundcheckfill
-
round_check.roundcheck
-
round_close_fill.roundclosefill
-
round_close.roundclose
-
round_right_fill.roundrightfill
-
round_right.roundright
-
time_fill.timefill
-
time.time
-
like_fill.likefill
-
like.like
-
目录.mulu
-
电视.dianshi
-
视频.shipin1
-
列表.liebiao
-
pic.pic
-
摄像头.shexiangtou
-
pull_up.pullup
-
五指峰.wuzhifeng
-
friend.friend
-
selection.selection
-
attention.attention
-
台标.taibiao
-
baidu.baidu
-
二维码.erweima
-
light.light
-
checkbox.checkbox
-
checkbox_selected.checkboxselected
-
返回8.fanhui8
-
返回7.fanhui7
-
cloud.cloud
-
单选(选中).danxuanxuanzhong
-
new.new
-
皇冠.huangguan
-
单选2.danxuan2
第一步:使用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#iconfont') 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>