Twitter bootstrap fa图标在更改位置时不起作用

Twitter bootstrap fa图标在更改位置时不起作用,twitter-bootstrap,twitter-bootstrap-3,font-awesome,Twitter Bootstrap,Twitter Bootstrap 3,Font Awesome,我下载了一个模板。然后我将模板中的所有文件夹复制到新位置。更改位置时,将显示一个框而不是fa图标。我想知道为什么fa图标在更改位置后不起作用。如果您查看一下,就会发现路径是相对的 @font-face{ 字体系列:“FontAwesome”; src:url('../fonts/fontawesome webfont.eot?v=4.2.0'); src:url('../fonts/fontawesome webfont.eot?#iefix&v=4.2.0')格式('embedded-open

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

如果您查看一下,就会发现路径是相对的

@font-face{
字体系列:“FontAwesome”;
src:url('../fonts/fontawesome webfont.eot?v=4.2.0');
src:url('../fonts/fontawesome webfont.eot?#iefix&v=4.2.0')格式('embedded-opentype')、url('../fonts/fontawesome webfont.woff?v=4.2.0')格式('woff')、url('../fontawesome webfont.ttf?v=4.2.0')格式('truetype')、url('../fonts/fontawesome WebFontFontAwesome WebFontFont.svg?v=4.2.0')格式('svg');
字体大小:正常;
字体风格:普通;
}

如果更改项目的目录结构,则无法加载字体。为了避免此类问题,我建议使用CDN for and或类似的包管理器。

只需将下面的链接添加到您的文件中即可。它会很管用的

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

您必须使用font-awesome.min.css文件进行检查 在该文件中,路径如下所示, src:url('fonts/fonts/webfont.eot?v=4.2.0'); 检查一下

我已经添加了这两个链接,但仍然不起作用。