源码论坛公告:本站是一个交流学习建站资源的社区论坛,旨在交流学习源码脚本等资源技术,欢迎大家投稿发言! 【点击此处将锦尚放在桌面

源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

 找回密码
 会员注册

QQ登录

只需一步,快速开始

查看: 2236|回复: 0

[CSS/Html] 浏览器警告Failed to decode downloaded font 系统页面字体图标加载不出来 问题总结

[复制链接]

3108

主题

3510

帖子

13万

金币

超级版主

Rank: 8Rank: 8

积分
276075
发表于 2023-7-26 20:56:44 | 显示全部楼层 |阅读模式

1.后台拦截,此时警告后往往是localhost:8080一类的地址

解决方法:maven放行,或者springSecurity放行

maven放行:在pom文件中(网上抄来的)
  1. <resources>
  2.     <resource>
  3.         <directory>src/main/resources</directory>
  4.         <filtering>true</filtering>
  5.         <excludes>
  6.              <exclude>static/**/*.woff</exclude>
  7.              <exclude>static/**/*.woff2</exclude>
  8.              <exclude>static/**/*.ttf</exclude>
  9.         </excludes>
  10.      </resource>
  11.      <resource>
  12.          <directory>src/main/resources</directory>
  13.          <filtering>false</filtering>
  14.          <includes>
  15.               <include>static/**/*.woff</include>
  16.               <include>static/**/*.woff2</include>
  17.               <include>static/**/*.ttf</include>
  18.          </includes>
  19.      </resource>
复制代码

2. 前端问题 ,此时警告后往往跟的是url类型的,如application.....

可能是打包问题,我自己是跟着B站一个教程做的Vue+SpringBoot+ElementUI的系统

在vue项目中的webpack.base.conf.js中的module里,将原有的url-loader注释掉,用file-loader解析这些字体文件即可
  1. //注释的原代码(url-loader)
  2. /*{
  3.         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
  4.         loader: 'url-loader',
  5.         options: {
  6.           limit: 10000,
  7.           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
  8.         }
  9.       },*/
  10. //用file-loader
  11.       {
  12.         //是为了解析字体的模块,遇到“eot|svg|ttf|woff|woff2”,用file-loader模块解析,正则表达式
  13.         test: /\.(eot|svg|ttf|woff|woff2)$/,
  14.         loader: 'file-loader'
  15.       }
复制代码
您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

锦尚中国源码论坛

聚合标签|锦尚中国,为中国网站设计添动力 ( 鲁ICP备09033200号 ) |网站地图

GMT+8, 2024-7-14 21:30 , Processed in 0.188558 second(s), 25 queries .

带宽由 锦尚数据 提供 专业的数据中心

© 锦尚中国源码论坛 52jscn Inc. 非法入侵必将受到法律制裁 法律顾问:IT法律网 & 褚福省律师 锦尚爱心 版权申诉 版权与免责声明