解决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 编程引入命名空间的方法
Jun 29 Javascript
checkbox 复选框不能为空
Jul 11 Javascript
EasyUI中的tree用法介绍
Nov 01 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
jQuery实现判断滚动条到底部
Jun 23 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
Nov 06 Javascript
JS正则子匹配实例分析
Dec 22 Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
Aug 18 Javascript
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 jQuery
JavaScript模拟实现自由落体效果
Aug 28 Javascript
js最全的数组的降维5种办法(小结)
Apr 28 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
支持数组的ADDSLASHES的php函数
2010/02/16 PHP
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
PHP分页类集锦
2014/11/18 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
Prototype使用指南之form.js
2007/01/10 Javascript
javascript 45种缓动效果 非常酷
2011/06/28 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
vue-cli构建项目使用 less的方法
2017/10/04 Javascript
js判断传入时间和当前时间大小实例(超简单)
2018/01/11 Javascript
Vue中的组件及路由使用实例代码详解
2019/05/22 Javascript
js实现时钟定时器
2020/03/26 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
使用python加密自己的密码
2015/08/04 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
python实现简单日期工具类
2019/04/24 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
法国二手手袋、手表和奢侈珠宝购物网站:Collector Square
2018/07/05 全球购物
服装销售人员求职自我评价
2013/09/26 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
幼儿园优秀教师事迹
2014/02/13 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
七年级作文之下雨天
2019/12/23 职场文书
redis实现的四种常见限流策略
2021/06/18 Redis
Python中可变和不可变对象的深入讲解
2021/08/02 Python
javascript进阶篇深拷贝实现的四种方式
2022/07/07 Javascript