fa图标不能改变位置

Question

我下载了一个模板。然后我将模板中的所有文件夹复制到新位置。在更改位置时，将显示一个框而不是fa图标。。我想知道为什么在更改位置后fa图标不起作用。

Answer 1

如果您查看font-awesome.css，您会看到路径是相对的。

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

如果更改项目的目录结构，则无法加载字体。为了避免这类问题，我建议您使用bootstrap和font-awesome的CDN或Bower这样的包管理器。

Answer 2

只需将以下链接添加到您的文件即可。它会正常工作！

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

Answer 3

您必须使用font-awesome.min.css文件进行检查 在那个文件路径中会这样给出， SRC：网址（？＆＃39;字体/ fontawesome-webfont.eot V = 4.2.0＆＃39）; 用它来检查