如何制作圖標字體(如何將svg轉換為css可用的圖標字體)


轉自: 如何制作圖標字體(如何將svg轉換為css可用的圖標字體)

具體描述

  • 在項目開發當中,我們常常遇到需要將獲取到的svg轉換為,css可用的圖標字體,那么具體該如何進行操作呢

具體操作

  1. 登錄icomoon
  2. 點擊右上角登錄旁邊的icoMoon App

這里寫圖片描述
3. 點擊左上角的import Icon導入需要轉換的svg圖片

這里寫圖片描述
4. 點擊右下角的Generate Font生成字體

這里寫圖片描述
5. 單獨配置具體項目(可選)

這里寫圖片描述
6. 也可以在左上角的首選項進行輸出具體設置(可選)

這里寫圖片描述
7. 點擊右下角的download下載,可以得到一個壓縮包

這里寫圖片描述

8.在項目中導入font字體文件后於css中使用時設置具體class即可

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM