在html中使用圖示字型的方法：

1、建立自己的iconfont，推薦使用iconmoon，使用它可以透過上傳SVG或者字型來生成你需要的icon字型，本文線上演示使用iconmoon生成。

步驟1：選擇頁面提供的或者上傳自己的

步驟2：指定字元對映

3、匯入到頁面使用css：

style.css寫法如下：

@font-face {

font-family: "icomoon";

src:url("fonts/icomoon.eot");

src:url("fonts/icomoon.eot?#iefix") format("embedded-opentype"),

url("fonts/icomoon.woff") format("woff"),

url("fonts/icomoon.ttf") format("truetype"),

url("fonts/icomoon.svg#icomoon") format("svg");

font-weight: normal;

font-style: normal;

}