IconFont 图标

收藏夹

㐲

.shoucangjia
天秤座

㐿

.tianchengzuo
宝贝

㑐

.baobei
情感

㑙

.qinggan
配饰

㑢

.peishi
水瓶座

㐷

.shuipingzuo
双子座

㑀

.shuangzizuo
店铺

㑑

.dianpu
母婴

㑚

.muying
鞋子

㑣

.xiezi
双鱼座

㐸

.shuangyuzuo
金牛座

㑁

.jinniuzuo
大杂烩

㑒

.dazahui
家居

㑛

.jiaju
包包

㑤

.baobao
摩羯座

㐹

.mojiezuo
牡羊座

㑂

.muyangzuo
摄影旅行

㑓

.sheyinglvxing
美发

㑜

.meifa
女装

㑥

.nvzhuang
编辑

㑦

.bianji
美容

㑝

.meirong
搞笑趣味

㑔

.gaoxiaoquwei
专辑

㑋

.zhuanji
处女座

㐺

.chunvzuo
狮子座

㐻

.shizizuo
瀑布流

㑌

.pubuliu
明星

㑕

.mingxing
店铺

㔁

.dianpu1
未领iocn



.weilingiocn
再领iocn



.zailingiocn
食iocn



.shiiocn
食iocn02



.shiiocn02
图片

㔂

.tupian
宝贝

㔃

.baobei1
用iocn



.yongiocn
钟点工iocn



.zhongdiangongiocn
金币乐园iocn



.jinbileyuaniocn
用iocn02



.yongiocn02
住iocn02



.zhuiocn02
住iocn



.zhuiocn
键



.jian
一



.yi
捐



.juan
电影票iocn



.dianyingpiaoiocn
赠



.zeng
全部

㓾

.quanbu
上新iocn



.shangxiniocn
兑换wifiiocn



.duihuanwifiiocn
红包iocn



.hongbaoiocn
上新iocn02



.shangxiniocn02
文章

㔀

.wenzhang
U站

㓿

.Uzhan
上传

㑧

.shangchuan
数码

㑞

.shuma
时尚

㑟

.shishang
运动户外

㑠

.yundonghuwai
男装

㑡

.nanzhuang
巨蟹座

㐼

.juxiezuo
天蝎座

㐽

.tianhezuo
射手座

㐾

.sheshouzuo
全部

㑍

.quanbu1
文章

㑎

.wenzhang1
图片

㑏

.tupian1
美食

㑘

.meishi
DIY

㑗

.DIY
宠物

㑖

.chongwu

第一步：使用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">&#x33;</i>