IconFont 鍥炬爣

• 
  鎼滅储
  
• 
  back
  
• 
  鍒犻櫎
  
• 
  閽卞竵
  
• 
  jiantou
  
• 
  message
  
• 
  涓嬫媺
  
• 
  鎵嬫満
  
• 
  back
  
• 
  鎼滅储
  
• 
  绠ご
  
• 
  jiantou
  
• 
  涓嬭浇
  
• 
  绉垎
  
• 
  浜ゆ祦
  
• 
  鎾斁
  
• 
  鍚戝乏
  
• 
  鍚戝彸
  
• 
  绌洪棿
  
• 
  绉垎
  
• 
  浜虹墿
  
• 
  淇敼
  
• 
  璧勯噾
  
• 
  棣栭〉
  
• 
  鏌ョ湅
  
• 
  鏀跺叆
  
• 
  鍒嗙被
  
• 
  缁忕邯浜?/div>

  
• 
  寰俊
  
• 
  鏂伴椈
  

unicode寮曠敤

---

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

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

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

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

绗竴姝ワ細鎷疯礉椤圭洰涓嬮潰鐢熸垚鐨刦ont-face

@font-face {
  font-family: 'userfont';
  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#userfont') format('svg');
}

绗簩姝ワ細瀹氫箟浣跨敤iconfont鐨勬牱寮?/h3>

.userfont{
  font-family:"userfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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