Vue-Cli 使用IcoMoon 顯示亂碼問題

問題描述

在vue-cli項目的main.js經過require導入IcoMoon的css文件後,頁面svg圖標顯示亂碼css

clipboard.png

解決措施

調出控制檯,發現加載了信息,可是加載的內容爲空
推測多是文件加載路徑問題
clipboard.png
查看IcoMoon配置文件,發現所配置文件中的url路徑和真實的文件路徑不相同
clipboard.png
修改全部的urlvue

clipboard.png

結果

問題解決,圖標正確顯示
clipboard.pngvue-cli

相關文章
相關標籤/搜索