[Maven 编译] fontawesome 问题: Failed to decode downloaded font

使用maven 编译WEB项目时,按钮上的图标不显示(使用http://fontawesome.io/icons/)

在浏览器console中打印错误:OTS parsing error: incorrect entrySelector for table directory 1 Failed to decode downloaded font: https://my-address.com/css/fonts/robot...

 

原因:使用maven-resources-plugin copy 静态资源时,如果有<filtering>true</filtering>标签,会破坏fontawesome 中的文件

  

<resources>
    <resource>
        <directory>${project.basedir}/src/main/webapp</directory>
	<targetPath>${project.build.directory}</targetPath>
	<filtering>true</filtering>
</resources>    

 

 

解决办法:

(1) 将 <filtering>true</filtering> 改为false

 (2)

<resources>
  <resource>
    <directory>${project.basedir}/src/main/webapp</directory>
    <targetPath>${project.build.directory}</targetPath>
    <filtering>true</filtering>
    <excludes>
      <exclude>**/*.woff</exclude>
      <exclude>**/*.ttf</exclude>
      <exclude>**/*.woff2</exclude>
      <exclude>**/*.otf</exclude>
      <exclude>**/*.eot</exclude>
      <exclude>**/*.svg</exclude>
    </excludes>
  </resource>
  <resource>
    <directory>${project.basedir}/src/main/webapp</directory>
    <targetPath>${project.build.directory}</targetPath>
    <filtering>false</filtering>
    <includes>
      <include>**/*.woff</include>
      <include>**/*.ttf</include>
      <include>**/*.woff2</include>
      <include>**/*.otf</include>
      <include>**/*.eot</include>
      <include>**/*.svg</include>
    </includes>
  </resource>
</resources>

 

参考:http://stackoverflow.com/questions/32690418/i-cant-load-fonts-while-using-tomcat

         http://stackoverflow.com/questions/32475982/fontawesome-fails-to-load-fonts-locally-and-in-electron-app

转载于:https://www.cnblogs.com/zexu-cheng/p/6774024.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值