layui图标无法正常显示(乱码（）)

于 2024-05-25 22:38:06 发布
阅读量533 收藏 4
点赞数 5
分类专栏： 作者\/ 文章标签： layui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_85112466/article/details/139205008
版权

二、原因分析

字体图标不正常显示是layui的标签

或者font文件夹的原因。

三、问题解决（本人第四种方案）

方案1：项目初建的情况，忘记引入font文件夹

方案2：js和css/font不在同一个文件夹下

方案3：使用layui-icon时出现了默认图标问题(网路截图)

方案4：原因：经过maven的filter，会破坏font文件的二进制文件格式，导致前台解析出错。

在html文件使用字体图标并且预览时正常，但是启动工程后显示不正常，浏览器调试界面显示字体文件无法decode：

2401_85112466
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于Layui路径问题和icon不显示的问题记录
Pieces123的博客
03-25 2553
1、Layui路径问题（Layui.use("modules")默认的module未找到，F12，console中会报错显示，module的路径不对，压根没有从layui下面找，而是从lay开始） 在layui.js中打印这个值（t = document），是不是为空。 原因是. 解决方式：主页中就加载好layui.js，这样其他子页面就不需要再次引用，规避这个问题。 2、layui的ic...
关于layui的动态图标不显示的解决方法
10-16
今天小编就为大家分享一篇关于layui的动态图标不显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于layui的icon图标不显示的原因
wyb2164649的博客
03-11 5011
如果你要使用layui原生的图标，但发现不显示可能是因为你把下载的layui文件中layui.css和layui.js单单提出来放到你的项目里了 解决： 把文件中的Dist都引用过来
解决layui的动态图标不显示的问题
k912120的博客
06-29 1万+
1.保证在正确引入layui的CSS和JS后用法如下： <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop" style="display: inline-block"></i>layui-icon layui-icon-loading ：这个是引用体图标的...
layui图标不显示,动态图标不显示问题
u013931283的博客
01-08 1316
在项目中发现动态图标不显示问题 可能是粗心大意导致,不小心出错,直接一键复制粘贴,图标就行了,比较不容易出错 1.情况一:引入的css不对,或被覆盖了,用下方地址看下 <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css" /> 2.图标用法有误,直接点击下方去复制代码,不容出错 点击这前往,复制代码 转载自:http://www.shagua.wiki
layui图标不显示的解决办法
热门推荐
liqz666的博客
12-26 1万+
Layui图标出现方块或方格的原因 Layui图标出现方块或方格的原因 作者的话 我们在引用layui的时候，如果把layui.css和layui.js如果分开方到一个文件夹，我们在页面引入的时候，就可能会出现图标的异常，出现方块或者方格的现象。 最初我把css放到WebContetn下的css文件里，js我引用了layui文件夹里的js，结果就出现了图标异常，方格现象。 标解决办法 Ctr...
关于使用SpringBoot和Layui的小图标显示不出来的解决方案(亲测解决)
qq_35332494的博客
10-27 3456
问题 所有的图标都像图中不能正常的显示,方框形的乱码 ------解决 百度上各种方法试了都没有效果,文件替换,还试了其他放行的方法也都不能正常显示 ----本质就是后端可能拦截了一些资源文件，放行它就行了，就成功显示了。 代码: 替换SpringBoot中pom.xml中的build标签下的内容即可,实现放行 <build> <plugins> <plugin> <gro
springboot项目中layui的字体图标显示不出来
suvue
12-23 2737
问题描述：在使用layui开发页面时，js和css路径正确，包结构也跟官网的一样，但是图标就是出不来，像下图中一样。 问题定位： F12开发者控制台打印如下日志： 问题分析：这是因为经过maven的filter，会破坏font文件的二进制文件格式，所以前台解析出错 解决方案：pom.xml中加上这个插件 <!--解决图标不能回显问题--> <plugi...
解决layui使用layui-icon出现默认图标的问题
10-16
今天小编就为大家分享一篇解决layui使用layui-icon出现默认图标的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决layUI的页面显示不全的问题
10-16
今天小编就为大家分享一篇解决layUI的页面显示不全的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决layer图标icon不加载的问题
12-12
之前在项目中使用layer弹框感觉体验很好，这次的项目中就引入了，但是引入之后，弹出层如下图： 代码： layer.msg("密码不正确！", {icon:5,time:1000}); 并没有显示出图标！ F12查看才发现如下报错： http://127.0.0.1:8020/xxx/js/theme/default/layer.css?v=3.1.1 net::ERR_ABORTED layer.js 于是找到 layer.js，搜索 layer.css ，会搜索到两处地方，修改第二处，代码如下： ....n=(a?"modules/layer/":"theme/")+"defaul
alert弹出框出现乱码
09-05
alert弹出框出现乱码，解决办法(js)
layui分页及日期控件中文显示乱码.zip
08-30
layui分页及日期控件中文显示乱码，下载后解压文件直接将文件替换即可。 文件主要适用于前端及时开发，解决layui部分功能显示出现乱码问题，主要涉及到表格渲染后分页栏工具中文显示乱码，以及使用layui日期控件所...
layui分页表格及日期乱码.zip
04-20
在IT行业中，尤其是在前端开发领域，我们经常遇到各种编码问题，比如在本例中的"layui分页表格及日期乱码"。layui是一个流行的JavaScript组件库，它提供了丰富的UI元素，如表格（laytable）、分页（laypage）和日期...
MyEclipse中文显示乱码问号非正常显示
03-06
MyEclipse中文显示乱码问号，在MyEclipse中如何处理。
因为layui前台导致下载zip乱码
最新发布
05-24
可能是因为layui前台使用了不同的字符编码（比如UTF-8），而下载的zip文件使用了另一种字符编码（比如GB2312），导致乱码。你可以尝试在后台代码中设置正确的字符编码，或者在前台页面中设置相同的字符编码以解决这个问题。另外，如果你使用的是PHP语言，可以使用header()函数设置HTTP响应头信息中的Content-Type来指定字符编码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值