资讯专栏INFORMATION COLUMN

Vue-Cli 使用IcoMoon 显示乱码问题

sanyang / 1075人阅读

摘要:问题描述在项目的通过导入的文件后,页面图标显示乱码解决措施调出控制台发现加载了信息但是加载的内容为空推测可能是文件加载路径问题查看配置文件发现所配置文件中的路径和真实的文件路径不相同修改所有的结果问题解决图标正确显示

问题描述

在vue-cli项目的main.js通过require导入IcoMoon的css文件后,页面svg图标显示乱码

解决措施

调出控制台,发现加载了信息,但是加载的内容为空
推测可能是文件加载路径问题

查看IcoMoon配置文件,发现所配置文件中的url路径和真实的文件路径不相同

修改所有的url

结果

问题解决,图标正确显示

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54776.html

相关文章

  • CSS 小结笔记之图标字体(IconFont)

    摘要:本篇主要介绍一种非常好用的图标大法图标字体。图标字体可以非常便捷的去解决以上问题,使用起来也非常简单。并且改变图标大小只需要改变字体大小就可以了。  本篇主要介绍一种非常好用的图标大法——图标字体(IconFont)。   什么是图标字体?顾名思义,它是一种字体,只不过这个字体显示的并不是具体的文字之类的,而是各种图标。   网站上经常会用到各种图标,之前网页上使用图...

    番茄西红柿 评论0 收藏0
  • CSS之精灵图(雪碧图)与字体图标

    摘要:本文内容精灵图字体图标首发日期精灵图在以前,每个图片资源都是独立的一张张图片,浏览器访问网站中的不同网页时是重复获取这一张张图片的,这代表需要访问很多次资源。能提供一种使用字体图标的方式能提供第二种使用字体图标的方式。 本文内容: 精灵图 字体图标 首发日期:2018-05-01 精灵图: 在以前,每个图片资源都是独立的一张张图片,浏览器访问网站中的不同网页时是重复获取这一张张图...

    番茄西红柿 评论0 收藏0
  • 自己制作微信小程序使用base64字体图标

    摘要:问题微信小程序不能随意使用网络资源,如字体文件等不能在小程序中使用字体文件不能使用背景图片定位来使用内部图片下面就介绍一下如何制作字体图标。简易方式通过两个在线工具,很容易地生成加密的字体图标。 问题: 1.微信小程序不能随意使用网络资源,如字体,css文件等 2.不能在小程序中使用字体文件 3.不能使用background-position背景图片定位来使用内部png图片 下面就介绍...

    leon 评论0 收藏0
  • Vue-book----一个简单的全栈项目

    摘要:地址觉得不错就给个吧说明前端后端本项目实现了一些简单的功能,后台可以对图书进行录入录出扫码或手动,前台显示录入的图书。 Vue-book A simple full stack project about book~ GitHub 地址(觉得不错就给个 star 吧 ^_^) 说明 前端: Vue.js + Vuex + Webpack2 后端: php + MySQL 本项目实现...

    tanglijun 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<