IconFont 圖標(biāo)

• 
  表情
  
• 
  鈴鐺
  
• 
  星
  
• 
  旗艦型聯(lián)營(yíng)資格
  
• 
  贊
  
• 
  分享
  
• 
  標(biāo)記
  
• 
  時(shí)評(píng)/評(píng)論
  
• 
  刪除
  
• 
  一拍檔專區(qū)_流程03_外貿(mào)跟單
  
• 
  箭頭 向右
  
• 
  計(jì)算機(jī)
  
• 
  井
  
• 
  建筑
  
• 
  提問(wèn)
  
• 
  箭頭
  
• 
  評(píng)論
  
• 
  刷新 (1)
  
• 
  會(huì)計(jì)從業(yè)
  
• 
  醫(yī)藥箱
  
• 
  收藏
  
• 
  瀏覽量
  
• 
  more
  
• 
  message
  
• 
  打叉
  
• 
  tag
  
• 
  查看
  
• 
  公告
  
• 
  人
  
• 
  搜索
  
• 
  政府合作
  
• 
  專題練習(xí)
  
• 
  箭頭
  
• 
  加號(hào)
  
• 
  退出
  
• 
  性別
  
• 
  箭頭
  
• 
  tag
  
• 
  圓圈
  
• 
  贊
  
• 
  評(píng)論
  
• 
  定位
  
• 
  人
  
• 
  日期
  
• 
  下載
  
• 
  收 藏
  
• 
  練習(xí)
  
• 
  主頁(yè)
  
• 
  練習(xí)
  
• 
  寫
  
• 
  查看
  
• 
  性別
  
• 
  學(xué)歷
  
• 
  修改
  
• 
  會(huì)計(jì)
  
• 
  簽到
  
• 
  試卷
  
• 
  課程
  
• 
  右箭頭
  

unicode引用

---

unicode是字體在網(wǎng)頁(yè)端最原始的應(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: 'subfont';
  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#subfont') format('svg');
}

第二步：定義使用iconfont的樣式

.subfont{
  font-family:"subfont" !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)用于頁(yè)面

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

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