解决vue 项目引入字体图标报错、不显示等问题
2018-09-01 15:18
1421 查看
问题:在项目开发时使用字体图标,发现两个问题;
1、出现报错:
解决方法为:把字体引入方式改为绝对路径
2、不报错,但是不显示图标字体,出现方框
原因可能有两种:
①没在用到的地方引入字体的样式文件②你使用的是后缀名为 .styl 文件
①的解决办法是在用到的地方引入字体的样式文件(全局引入的话需要从app.vue里引入)
②这个就是我遇到的问题,浪费了我好几分钟!!!微笑
解决办法是把font.styl改为font.css
记得在用到图标的地方引入
问题原理后续再写。
以上这篇解决vue 项目引入字体图标报错、不显示等问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Bootstrap—解决引入本地Bootstrap文件字体图标无法显示问题
- 在Yii中解决引入本地Bootstrap文件字体图标无法显示问题
- 本地Bootstrap文件字体图标引入却无法显示问题的解决方法
- 解决Vue项目在IE浏览器中显示空白的问题
- 解决在项目里引入Spring Security后iframe或者frame所引用的页无法显示的问题
- 关于vue项目中全局引入一个 .scss文件的问题解决
- 解决vue脚手架项目打包后路由视图不显示的问题
- 解决“UIkit与Vue.js结合使用时,UIkit的图标会显示两个”的问题
- 解决webpack+Vue引入iView找不到字体文件的问题
- cocos creator 无法打开项目 dock栏只显示图标问题解决方法
- Visual Studio 2008项目中WinForm窗体图标显示为类图标,只能打开代码而无法打开视图问题解决
- Visual Studio 2008项目中WinForm窗口图标显示为类图标,仅仅能打开代码而无法打开视图问题解决
- [Flex]解决引入OSX.css后控件字体显示不出来的问题!
- 解决在vue项目中webpack打包后字体不生效的问题
- 报表常见问题(二)ireport引入到项目无法解析字体及pdf无法显示中文的解决方案
- Visual Studio 2008项目中WinForm窗体图标显示为类图标,只能打开代码而无法打开视图问题解决
- 表格的宽度点击后产生图标换行问题解决以及字体在手机中不正常显示
- vue-cli 引入mui时,生成项目mui的字体无法显示
- vuejs搭建的项目如何引入图标字体
- 快速解决Vue项目在IE浏览器中显示空白的问题