IconFont 圖標

訂閱



.rss
close



.close
unfold



.dow
back



.back
right



.right
add



.add
fold



.upArrow
活動



.huodong
訪問量



.tongji
獎杯



.jiangbei
圖片



.tupian
活動



.huodong1
相機



.xiangji
點



.dian
資訊



.zixun
訂單



.dingdan
人



.ren
錢



.yen
活動



.huodong2
審批審核



.shenhe
達人



.daren
收費



.yen1
搜索



.sousuo
鎖



.suo
在線報名



.baoming
訂單



.dingdan1
活動



.huodong3
人數



.renshu
房子



.fangzi
圖片



.tupian1
喇叭



.laba
資訊



.zixun1
提示小燈泡



.cy
訪問量



.tongji1
活動



.huodong4
審核



.shenhe1
頒發(fā)證書



.fazheng
心-實心



.heart
拍攝



.paishe
花費



.huafei
投稿



.tougao
活動



.huodong5
攝影作品



.zyzp
注冊



.zhuce
點點點



.diandiandian
辦會家_賽事



.saishi
攝影機



.sheyingji
比賽牛人



.bs

第一步：使用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>