Bootstrap Glyphicons 未使用本地 Bootstrap 版本呈现

Question

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

右下角有错误的快照：

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

On doing inspect element it contain all glyphicons its snapshot is-

只有当我在 html 文件中 link http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css 时才有效；但如果我从我的 PC 中包含我的 bootstrap.min.css，它就不起作用。否则，每个 bootstrap class 都能完美运行。希望你能理解我的问题。提前致谢。

Answer 1

它不起作用，因为您从 CDN link 保存了 CSS 文件。那是行不通的，因为字形是 linked 相对于那个 CSS 文件。示例：

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

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

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

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

Answer 2

我的问题终于解决了。实际上，问题是在我们的网站上使用 Glyphicons 时，就像在 django 中一样，我们还必须从 bootstrap-3.3.2-dist 文件夹中复制字体文件夹，这些文件夹是从 bootstrap official link

下载的

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

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

但它在静态文件夹内的 django 中对我有用。

Bootstrap Glyphicons 未使用本地 Bootstrap 版本呈现

Bootstrap Glyphicons not rendering using local Bootstrap version

css

glyphicons

twitter-bootstrap-3