twitter-bootstrap - 如何修复加载资源失败：在 Bootstrap 3 SASS 上加载 Glyphicons 字体时出现 404（未找到）错误

Question

我正在使用 Drupal 和 Bootstrap SASS 主题来开发我的网站，但它没有加载字形图标，我收到以下错误消息：

加载资源失败：服务器响应状态为 404（未找到）：glyphicons-halflings-regular.woff

我检查了我的变量 SCSS 文件，发现 $icon-font-path 配置正确。所有引导文件夹也都在正确的位置。

似乎 SASS 编译器忽略了我的变量文件。

Answer 1

此问题通常与变量 SCSS 文件的加载顺序有关。在文件的其他部分中查找 $icon-font-path 并检查路径是否在所有部分中都正确。

之后，将 $icon-font-path 的内容更改为任何内容，以测试您的文件是否正在加载，重新阅读错误消息以查看路径是否已更改。

如果它没有改变，可能是因为你的 sass/scss 文件的加载顺序不正确。编译器需要在引导程序之前处理您的变量文件。

以下是我的情况下文件顺序的工作方式：

@import "variables";
@import '../bootstrap/assets/stylesheets/bootstrap';

尝试更改顺序并重新检查。