font awesome 的图标有时会变成正方形，而且大部分时间都能正确加载

Question

在我的网站上，font awesome 的图标有时会变成正方形，而且大多数情况下，它们都能正确加载，我一直在论坛上寻找这个问题，看来这种情况与他们的：图标的字体很棒并且 class fa fa-ANYEXAMPLE 存在字体在一个文件夹中（/css/fonts），因为它应该是文件 fontawesome.css 的内容被复制到文件 bootstrap.css 中，并在站点的头部调用我认为我的链接是正确的，因为大多数时候图标加载正确可能是什么问题？

Answer 1

使用 font-face 打开你的 style.css 和 link 到 FontAwesome:

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

如果路径有任何不同，请确保进行编辑。

font awesome 的图标有时会变成正方形，而且大部分时间都能正确加载

Icons of font awesome sometimes become squares, and most of the time load correctly

css

font-awesome