IconFont 鍥炬爣

• 
  鑵捐寰崥
  
• 
  鎰忚鍙嶉
  
• 
  phone
  
• 
  ts-icon-order
  
• 
  璧?/div>

  
• 
  鍏抽棴
  
• 
  鏃惰瘎/璇勮
  
• 
  wechat
  
• 
  top
  
• 
  缂栬緫
  
• 
  鍒嗕韩
  
• 
  娑堟伅
  
• 
  鎼滅储
  
• 
  鏃堕棿
  
• 
  寰俊
  
• 
  寰崥
  
• 
  鏀惰棌
  
• 
  浜?/div>

  
• 
  璇勮閲廮icon
  
• 
  涓嬭浇
  
• 
  琛ㄦ儏
  
• 
  璐墿杞?/div>

  
• 
  閫€鍑?/div>

  
• 
  涓?/div>

  
• 
  鏂囦欢澶?/div>

  
• 
  List mode
  
• 
  鏀?钘?/div>

  
• 
  绠ご_鍙?/div>

  
• 
  浜岀淮鐮?/div>

  
• 
  棣栭〉
  
• 
  鐏劙
  
• 
  璇剧▼
  
• 
  璇剧▼
  
• 
  鍥剧墖
  
• 
  鍒嗛攢
  

unicode寮曠敤

---

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

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

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

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

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

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

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