本文记录了一位开发者在Vue项目中遇到的字体图标无法正常显示的问题及解决过程。作者尝试了多种方法，如转base64、使用https链接、相对路径引用等，但图标始终无法正确显示。最终发现是由于CSS引入方式错误导致，将@import url的路径修正后，问题得以解决。
bug记录
按照网上的方法各种尝试总是不对。
把字体图标css文件放在common里，然后在app.vue引，不知道怎么只出方框，图标就是不出来。
试过的方法包括1.转base64 2.https引 3.~@/static/引 总之就是不出来，不知道是什么原因。
最后我把iconfont.css里面的内容粘贴到App.vue 的style里图标出来了。
原因
突然知道原因了，原来引入改了原来是@import "./common/common.css",现在是@import url("common/common.css")。简直笑哭
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
