219 阿裏雲技術社區[雲棲]

如何把SVG小圖片轉換為 html字體圖表

自製作的簡單字體圖表使用案例:查看demo

製作步驟：

1：登錄製作工具在線網站

https://icomoon.io/

2：右上角紅色

按鈕進入到：https://icomoon.io/app/#/select

3：點擊左上角：imports icons

按鈕導入自己的svg圖片，之後會上傳到該在線網站上

4：點擊選中剛剛上傳的小圖表如下已經選中的

5：選中之後點擊右下角的

按鈕就會自動生成字體圖表

就可以像下麵這樣引入對應的fonts和css給元素指定的class類使用了。。是不是很神奇~~

6：左上角的是對這個生成字體圖表的基本設置，設置好後就可以點擊右下角的

下載按鈕，下載剛剛製作的字體圖表，解壓後會有對應的fonts和css文件，這2個是使用的必須文件！

這樣就可以很靈活的改變字體的大小和顏色，遠比直接使用圖片更加便捷！

最後更新：2017-11-05 11:34:27