如何使用IcoMoon字体图标
如何使用IcoMoon字體圖標
一，字體圖標工具：
1.登錄字體圖標網站：https://icomoon.io/app/#/select
2.Svg在線編輯工具：https://c.runoob.com/more/svgeditor
?
二、如何使用：
1.首先登錄字體圖標網站，選擇：New Set From Selection創建自己的Icon集
注：必須先下載有自己的.svg文件才可以Imports Icons
編輯圖標時，圖標的命名不要與通用名沖突
?
?2.可以點擊Add Icons From Library自己添加Icon：
?
3. 選擇字體圖標并創建：
?
4.下載之前先進行設置，可以重命名，但不要與通用名沖突，然后點擊DownLoad進行下載：
?下載：
?
設置：
?
5. 下載到icomoon.zip壓縮文件夾：
?
6.文件夾中內容：
?
?7.應用：將fonts文件夾全部內容與style.css放到項目中：
?1）在項目中建立一個目錄icon-font，將解壓后的文件放到建立的目錄下（保留selection.json文件，方便二次編輯字體圖標）：
?
?
2）在項目的主.scss文件中引入style.css（上圖中的dictationToolApp.scss）：
?
3）在項目應用icon的位置寫：
?
?
4）webpack --w 命令打包時會在builds文件夾下生成fonts文件夾：
?
?5）在IcoMoon下載的圖標就可以用了：
?
轉載于:https://www.cnblogs.com/Michelle20180227/p/9116736.html
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的如何使用IcoMoon字体图标的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： virtualBox linux操作系统
- 下一篇： C# using的用法