圖標轉爲iconfont 字體的操作流程

1、https://icomoon.io/app/#/select

2、import icon 注 icon的格式 爲svg。

3、選中要生成的圖標,點右下角的 Generate font。

4、這裏可以修改每個圖標的名字。

5、download 會下載下來一個包 ,真正有用的是就兩個文件。fonts 文件夾放進去。style.css 引入到你的項目中,裏面的fonts調的字體路徑要對。

6、使用了。<span class="cion-你的圖標名字"></span> 用什麼標籤都行。主要是class名字對就行。好了。圖標就可以當字體來使用了。大小顏色都可以用css來控制了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章