IconFont 锲炬爣

unicode寮旷敤


unicode鏄瓧浣揿湪缃戦〉绔渶铡熷镄勫簲鐢ㄦ柟寮忥紝鐗圭偣鏄细

娉ㄦ剰锛氭柊鐗坕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>