Bootstrap Glyphicons无法使用本地Bootstrap版本进行渲染

Question

我在django中使用bootstrap，它适用于所有其他引导类，除了图标类，如：class="glyphicon glyphicon-download-alt"

右下角有错误的快照：

包含bootstrap.min.css文件时的快照：

  

在执行inspect元素时，它包含其快照为的所有glyphicons -

只有在我的html文件中链接http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css时才有效;但如果我从我的电脑中加入bootstrap.min.css，它确实有效。否则，每个bootstrap类都可以正常工作。希望你能理解我的问题。提前谢谢。

Answer 1

它无效，因为您从CDN链接保存了CSS文件。这不起作用，因为glyphicons链接到相对于该CSS文件。例如：

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
}

这意味着，下载的Bootstrap文件正在查找计算机文件夹（您没有）的字形图标。

您需要从the official download link正确下载Bootstrap。此官方下载包含一个/fonts/目录，其中包含实际的glyphicon字体文件。

或者，您可以将CDN文件中的所有字体路径更改为CDN上字体的绝对链接......但这实际上没有意义。

Answer 2

最后我的问题得到了解决。实际上问题是在我们的网站上使用Glyphicons，比如django，我们还必须从bootstrap official link下载的bootstrap-3.3.2-dist文件夹中复制字体文件夹

另一个问题是在哪里修复它。请参阅此结构，其中字体与css文件相关，然后粘贴字体文件夹。

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

但是在django中我只是在静态文件夹里面。