IconFont 图标
-
飞机.feiji
-
收藏.icon47
-
生日.shengri
-
衣服.yifu
-
shezhi.shezhi
-
女.nv
-
收藏.shoucang
-
huilv_保龄球.baolingqiu
-
学历.xueli
-
邮箱.youxiang
-
nan.iconfontweibiaoti101
-
婚纱.hunsha
-
地址.address
-
星座.xingzuo
-
shanchu.shanchu
-
加为好友.jiaweihaoyou
-
邀请码.yaoqingma
-
乡村.xiangcun
-
微信.buchongiconsvg02-copy
-
昵称.nicheng
-
企业名称认证.qiyeshenfenrz
-
我想学.woxiangxue
-
电话.dianhua
-
首页-首页.shouye-copy
-
专家列表-加为好友按钮.zhuanjialiebiaojiaweihaoyouanniu
-
公司.gongsi
-
标签.biaoqian
-
职业资格.zhiyezige
-
城市2.chengshi2
第一步：使用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>