解决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与DropDownList 区别分析
Jan 01 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
Nov 29 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
Feb 27 Javascript
微信小程序tabBar用法实例详解
Dec 04 Javascript
详解Javascript中new()到底做了些什么?
Mar 29 Javascript
vue 自定义提示框(Toast)组件的实现代码
Aug 17 Javascript
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
微信小程序制作扭蛋机代码实例
Sep 24 Javascript
微信小程序实现限制用户转发功能的实例代码
Feb 22 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 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
随机广告显示(PHP函数)
2006/10/09 PHP
PHP 数据结构 算法 三元组 Triplet
2011/07/02 PHP
php引用传值实例详解学习
2013/11/06 PHP
PHP 7.1中AES加解密方法mcrypt_module_open()的替换方案
2017/10/17 PHP
实例讲解PHP验证邮箱是否合格
2019/01/28 PHP
删除重复数据的算法
2006/11/23 Javascript
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
jQuery Tools tab(幻灯片)
2012/07/14 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
javascript 实现map集合
2015/04/03 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
JavaScript实现非常简单实用的下拉菜单效果
2015/08/27 Javascript
bootstrap提示标签、提示框实现代码
2016/12/28 Javascript
Node.js学习入门
2017/01/03 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
微信小程序实现登录注册tab切换效果
2020/12/29 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
Python中关于字符串对象的一些基础知识
2015/04/08 Python
python 计算文件的md5值实例
2017/01/13 Python
如何使用django的MTV开发模式返回一个网页
2019/07/22 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
python 5个实用的技巧
2020/09/27 Python
使用Python判断一个文件是否被占用的方法教程
2020/12/16 Python
购买一个高级域名:BuyDomains
2018/03/11 全球购物
地理科学专业毕业生求职信
2013/10/15 职场文书
展会邀请函范文
2014/01/26 职场文书
餐厅周年庆活动方案
2014/08/25 职场文书
2014年教师节活动总结
2014/08/29 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
大学生上课迟到检讨书
2014/10/15 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL
总结Python常用的魔法方法
2021/05/25 Python