字体很棒的图标有时会变成正方形,并且大部分时间都正确加载

时间:2016-08-18 13:49:01

标签: css font-awesome

在我的网站中,字体很酷的图标有时会成为正方形,而且大多数情况下,它们正确加载,我一直在论坛中寻找这个问题,而且这个案例似乎和他们的不一样: 这些图标字体很棒,并且类fa fa-ANYEXAMPLE存在 字体应该在文件夹(/ css / fonts)中 fontawesome.css文件的内容被复制到bootstrap.css文件中并在站点的头部调用 我认为我的链接是正确的,因为图标大部分时间都正确加载 问题是什么?

1 个答案:

答案 0 :(得分:2)

打开你的style.css并使用font-face链接到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;
}

如果它们有任何不同,请确保编辑路径。