解决vue 项目引入字体图标报错、不显示等问题


Posted in Javascript onSeptember 01, 2018

问题:在项目开发时使用字体图标,发现两个问题;

1、出现报错:

解决vue 项目引入字体图标报错、不显示等问题

解决方法为:把字体引入方式改为绝对路径

解决vue 项目引入字体图标报错、不显示等问题

2、不报错,但是不显示图标字体,出现方框

解决vue 项目引入字体图标报错、不显示等问题

原因可能有两种:

①没在用到的地方引入字体的样式文件②你使用的是后缀名为 .styl 文件

①的解决办法是在用到的地方引入字体的样式文件(全局引入的话需要从app.vue里引入)

解决vue 项目引入字体图标报错、不显示等问题

②这个就是我遇到的问题,浪费了我好几分钟!!!微笑

解决办法是把font.styl改为font.css

解决vue 项目引入字体图标报错、不显示等问题

记得在用到图标的地方引入

解决vue 项目引入字体图标报错、不显示等问题

问题原理后续再写。

以上这篇解决vue 项目引入字体图标报错、不显示等问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
用Javascript评估用户输入密码的强度实现代码
Nov 30 Javascript
require.js深入了解 require.js特性介绍
Sep 04 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
javascript的变量、传值、传址、参数之间关系
Jul 26 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
Jan 23 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
vue计算属性及使用详解
Apr 02 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
Layer+Echarts构建弹出层折线图的方法
Sep 25 Javascript
解决在vue项目中webpack打包后字体不生效的问题
Sep 01 #Javascript
vuejs 制作背景淡入淡出切换动画的实例
Sep 01 #Javascript
vue解决使用webpack打包后keep-alive不生效的方法
Sep 01 #Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
Sep 01 #Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 #jQuery
vue初始化动画加载的实例
Sep 01 #Javascript
jQuery解析json格式数据示例
Sep 01 #jQuery
You might like
计数器详细设计
2006/10/09 PHP
php array_pop()数组函数将数组最后一个单元弹出(出栈)
2011/07/12 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
php表单处理操作
2017/11/16 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
List Installed Hot Fixes
2007/06/12 Javascript
Javascript学习笔记7 原型链的原理
2010/01/11 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
JavaScript类的继承操作实例总结
2018/12/20 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
微信小程序如何获取用户头像和昵称
2019/09/23 Javascript
Element Popover 弹出框的使用示例
2020/07/26 Javascript
js实现车辆管理系统
2020/08/26 Javascript
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python 文件重命名工具代码
2009/07/26 Python
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
Python正则替换字符串函数re.sub用法示例
2017/01/19 Python
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
Python字典遍历操作实例小结
2019/03/05 Python
浅谈Python 敏感词过滤的实现
2019/08/15 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
中国高端鲜花第一品牌:roseonly(一生只送一人)
2017/02/12 全球购物
Prototype是怎么扩展DOM的
2014/10/01 面试题
本科毕业生的求职信范文
2013/11/20 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
财务工作失误检讨书
2015/02/19 职场文书
小学英语新课改心得体会
2016/01/22 职场文书
《我要的是葫芦》教学反思
2016/02/18 职场文书
学校团代会开幕词
2016/03/04 职场文书
go语言中GOPATH GOROOT的作用和设置方式
2021/05/05 Golang