vue项目引用图标font-awesome提示错误？

Question

vue项目引用图标font-awesome提示错误Failedtodecodedownloadedfont:http://localhost:3005/fonts/glyphicons-halflings-regular.woff2login:1OTSparsingerror:invalidversiontaglogin:1Failedtodecodedownloadedfont:http://localhost:3005/fonts/glyphicons-halflings-regular.wofflogin:1OTSparsingerror:invalidversiontaglogin:1Failedtodecodedownloadedfont:http://localhost:3005/fonts/glyphicons-halflings-regular.ttflogin:1OTSparsingerror:invalidversiontag现在的问题是图标没有办法显示，会显示为一个方块，应该怎么改？

Answer 1

添加代码
@font-face{
font-family:'MyWebFont';
src:url('webfont.eot');/*IE9CompatModes*/
src:url('webfont.eot?#iefix')format('embedded-opentype'),/*IE6-IE8*/
url('webfont.woff2')format('woff2'),/*SuperModernBrowsers*/
url('webfont.woff')format('woff'),/*PrettyModernBrowsers*/
url('webfont.ttf')format('truetype'),/*Safari,Android,iOS*/
url('webfont.svg#svgFontName')format('svg');/*LegacyiOS*/
}
                            

Answer 2

应该是你引用的方式不对你是通过什么方式引用的呢你可以选择在线引用在html页面引入生成的css页面中就可以正常使用的