项目中字体库成功加载，但是无法显示

Question

字体库加载成功

但是却无法正常显示，本地开发环境可以正常显示
很奇怪不知道是啥原因

这是字体库文件的引用和加载代码

@font-face {

  font-family: 'icomoon';

  src:  url('../fonts/icomoon.eot?q7r210');

  src:  url('../fonts/icomoon.eot?q7r210#iefix') format('embedded-opentype'),

  url('../fonts/icomoon.ttf?q7r210') format('truetype'),

  url('../fonts/icomoon.woff?q7r210') format('woff'),

  url('../fonts/icomoon.svg?q7r210#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}

[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.icon-32:before {

  content: "\e900";

}

.icon-2444:before {

  content: "\e901";

}

Answer 1

Failed to decode downloaded font问题解决了，之前报的这个错，一直没看到。是后端打包的时候，对字体库进行编译，把字体库文件损坏了。<webResources><resource><directory>src/main/webapp</directory><filtering>false</filtering></resource></webResources>打包的把字体库过滤掉。就可以了可以参考这个答案

Answer 2

相对路径绝对路径的问题？

Answer 3

你没写&nbsp;font-family: "iconfont"