用 vue 做一款 App 开发的时候, 在本地文件中引入好 font 字体文件和字体 CSS 文件后, 运行项目的时候总是提示: Failed to decode downloaded font:, 字体图标就显示为一个方框, 但是我检查了好几次确定不是引入路径的问题, 路径都是对的, 也百度了好久, 始终没有百度出来.
错误提示图片如下:
就在我快绝望, 想换个字体图标库的时候, 我去看阿里适量图标库里面有个生成代码的功能, 如下图:
然后, 我把这个代码复制到了 fontcss 文件中, 奇迹出现了, 这个字体解析不了的问题终于解决了.
原来的 CSS 字体文件截图, 如下:
用了阿里适量图标库网页自动生成的 CSSfont 字体引入代码截图如下:
然后图标就成功显示了, 哈哈哈, 虽然不晓得这是为啥, 但是至少解决了这个奇怪的问题.
字体显示成功的项目截图:
记录下这次框架练习中的问题, 每天解决一个问题, 距离大神就不远了, 争取早日月薪破两万, 哈哈哈, 说这有点俗了.
来源: http://www.bubuko.com/infodetail-3121996.html