IconFont 鍥炬爣

• 
  琛ㄦ儏
  
• 
  鎰忚鍙嶉
  
• 
  閾冮摏
  
• 
  鏄?/div>

  
• 
  鏃楄埌鍨嬭仈钀ヨ祫鏍?/div>

  
• 
  璧?/div>

  
• 
  鍒嗕韩
  
• 
  鏍囪
  
• 
  鏃惰瘎/璇勮
  
• 
  鍒犻櫎
  
• 
  涓€鎷嶆。涓撳尯_娴佺▼03_澶栬锤璺熷崟
  
• 
  绠ご 鍚戝彸
  
• 
  璁＄畻鏈?/div>

  
• 
  浜?/div>

  
• 
  寤虹瓚
  
• 
  鎻愰棶
  
• 
  绠ご
  
• 
  缂栬緫
  
• 
  娑堟伅
  
• 
  璇勮
  
• 
  鍒锋柊 (1)
  
• 
  浼氳浠庝笟
  
• 
  鍖昏嵂绠?/div>

  
• 
  鏀惰棌
  
• 
  娴忚閲?/div>

  
• 
  more
  
• 
  message
  
• 
  鎵撳弶
  
• 
  tag
  
• 
  鏌ョ湅
  
• 
  鍏憡
  
• 
  浜?/div>

  
• 
  鎼滅储
  
• 
  鏀垮簻鍚堜綔
  
• 
  涓撻缁冧範
  
• 
  绠ご
  
• 
  鍔犲彿
  
• 
  閫€鍑?/div>

  
• 
  鎬у埆
  
• 
  绠ご
  
• 
  tag
  
• 
  鍦嗗湀
  
• 
  璧?/div>

  
• 
  璇勮
  
• 
  瀹氫綅
  
• 
  浜?/div>

  
• 
  鏃ユ湡
  
• 
  涓嬭浇
  
• 
  鏀?钘?/div>

  
• 
  缁冧範
  
• 
  棣栭〉
  
• 
  涓婚〉
  
• 
  缁冧範
  
• 
  璇剧▼
  
• 
  鍐?/div>

  
• 
  鏌ョ湅
  
• 
  鎬у埆
  
• 
  瀛﹀巻
  
• 
  淇敼
  
• 
  浼氳
  
• 
  绛惧埌
  
• 
  璇曞嵎
  
• 
  璇剧▼
  
• 
  鍙崇澶?/div>

  

unicode寮曠敤

---

unicode鏄瓧浣撳湪缃戦〉绔渶鍘熷鐨勫簲鐢ㄦ柟寮忥紝鐗圭偣鏄細

• 鍏煎鎬ф渶濂斤紝鏀寔ie6+锛屽強鎵€鏈夌幇浠ｆ祻瑙堝櫒銆?/li>
• 鏀寔鎸夊瓧浣撶殑鏂瑰紡鍘诲姩鎬佽皟鏁村浘鏍囧ぇ灏忥紝棰滆壊绛夌瓑銆?/li>
• 浣嗘槸鍥犱负鏄瓧浣擄紝鎵€浠ヤ笉鏀寔澶氳壊銆傚彧鑳戒娇鐢ㄥ钩鍙伴噷鍗曡壊鐨勫浘鏍囷紝灏辩畻椤圭洰閲屾湁澶氳壊鍥炬爣涔熶細鑷姩鍘昏壊銆?/li>

娉ㄦ剰锛氭柊鐗坕confont鏀寔澶氳壊鍥炬爣锛岃繖浜涘鑹插浘鏍囧湪unicode妯″紡涓嬪皢涓嶈兘浣跨敤锛屽鏋滄湁闇€姹傚缓璁娇鐢╯ymbol鐨勫紩鐢ㄦ柟寮?/p>

unicode浣跨敤姝ラ濡備笅锛?/p>

绗竴姝ワ細鎷疯礉椤圭洰涓嬮潰鐢熸垚鐨刦ont-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鐨勬牱寮?/h3>

.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;
}

绗笁姝ワ細鎸戦€夌浉搴斿浘鏍囧苟鑾峰彇瀛椾綋缂栫爜锛屽簲鐢ㄤ簬椤甸潰

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

"subfont"鏄綘椤圭洰涓嬬殑font-family銆傚彲浠ラ€氳繃缂栬緫椤圭洰鏌ョ湅锛岄粯璁ゆ槸"iconfont"銆?/p>