1.輸入http:icomoon.io進(jìn)入頁(yè)面
2.進(jìn)入頁(yè)面后會(huì)看到icomoon App毛甲,點(diǎn)擊
3.點(diǎn)擊想要的圖標(biāo)袒啼,如果沒(méi)有想要的最下面可以點(diǎn)擊add icons...進(jìn)行添加
4.選完之后點(diǎn)擊下面的generate font
5.接著點(diǎn)擊download即可
6.下載完之后需要解壓壓縮包饲帅,把fonts文件放在跟html、css文件同一個(gè)目錄的路徑
7.接著打開(kāi)style.css瘤泪,復(fù)制
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?hquggx');
src: url('../fonts/icomoon.eot?hquggx#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?hquggx') format('truetype'),
url('../fonts/icomoon.woff?hquggx') format('woff'),
url('../fonts/icomoon.svg?hquggx#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
到自己的css文件中
8.然后打開(kāi)解壓縮的demo.html文件灶泵,復(fù)制"\e986"這個(gè)圖標(biāo)到自己的html文件
9.如果圖標(biāo)不夠用需要添加的情況:
進(jìn)入icomoon APP頁(yè)面,點(diǎn)擊import icons对途,然后選擇剛才解壓縮的selection.json赦邻,然后下載完之后替換掉即可
10、使用(這兩個(gè)必須要)