IconFont 圖標(biāo)

• 
  鈴鐺
  
• 
  星
  
• 
  提問
  
• 
  箭頭
  
• 
  查看
  
• 
  公告
  
• 
  人
  
• 
  性別
  
• 
  圓圈
  
• 
  評(píng)論
  
• 
  日期
  
• 
  下載
  
• 
  寫
  
• 
  查看
  
• 
  性別
  

unicode引用

---

unicode是字體在網(wǎng)頁端最原始的應(yīng)用方式，特點(diǎn)是：

• 兼容性最好，支持ie6+，及所有現(xiàn)代瀏覽器。
• 支持按字體的方式去動(dòng)態(tài)調(diào)整圖標(biāo)大小，顏色等等。
• 但是因?yàn)槭亲煮w，所以不支持多色。只能使用平臺(tái)里單色的圖標(biāo)，就算項(xiàng)目里有多色圖標(biāo)也會(huì)自動(dòng)去色。

注意：新版iconfont支持多色圖標(biāo)，這些多色圖標(biāo)在unicode模式下將不能使用，如果有需求建議使用symbol的引用方式

unicode使用步驟如下：

第一步：拷貝項(xiàng)目下面生成的font-face

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
  url('iconfont.woff') format('woff'),
  url('iconfont.ttf') format('truetype'),
  url('iconfont.svg#iconfont') format('svg');
}

第二步：定義使用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;
}

第三步：挑選相應(yīng)圖標(biāo)并獲取字體編碼，應(yīng)用于頁面

<i class="iconfont">&#x33;</i>

"iconfont"是你項(xiàng)目下的font-family?？梢酝ㄟ^編輯項(xiàng)目查看，默認(rèn)是"iconfont"。