[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

posted @ 2017-04-27 14:18  Mr.海饼干  阅读(2312)  评论(1编辑  收藏  举报