Jekyll Bootstrap 不导入字形

Question

我今天刚开始使用 Jekyll，到目前为止我很喜欢它。

我正在使用默认主题之一（标题简单 bootstrap-3）并且就文件结构而言似乎编译得很好。

然而，当我在本地服务器（或 github.io）上运行它时，一些文件丢失了，特别是 Bootstrap 默认的字形字体。

这 fonts 文件夹同时存在于 _site/assets 目录以及外部 assets 目录，据我所知，该目录的内容 _site 目录是服务器上提供的内容。

但是，当我使用 Google 开发工具查找资源时，我根本找不到字体。CSS 生成得很好，但字体却不是。

有趣的是，当我使用另一个主题时（比如 the-project）字体加载得很好。

字形存在于我的 bootstrap.min.css, ，我唯一能想到的是 url() 代码错误：

src:url('../fonts/glyphicons-halflings-regular.eot') 在我的 bootstrap.css, ，并且我的文件结构设置为父文件夹确实包含 fonts 文件夹。

这是我的目录树：

bootstrap-3
├── bootstrap
│   ├── css
│   │   ├── bootstrap.min.css
│   │   └── bootstrap.theme.min.css
│   ├── fonts
│   │   ├── glyphicons-halflings-regular.eot
│   │   ├── glyphicons-halflings-regular.svg
│   │   ├── glyphicons-halflings-regular.ttf
│   │   └── glyphicons-halflings-regular.woff
│   └── js
│       └── bootstrap.min.js
└── css
    └── style.css

和 这是我的输出站点, ，我想在其中放置一个字形 submit 联系页面的按钮（从主站点看不到，因为我还没有关注用户界面）。

有趣的是，当我把字形放在某个地方时 不是 在按钮中，它将显示。

编辑：哇，不小心放了一个 > 在类名中。

Answer 1

如果你去 http://getbootstrap.com 并观察网络检查器，您将看不到任何字体加载。但如果你去 http://getbootstrap.com/components/, ，你会看到它们在浏览器中跳转。

浏览器仅在需要时加载字体（如果您使用 字形-xxx 风格）。这就是所谓的 延迟加载 并且避免加载不必要的资源。

编辑 :如果您不在站点中使用字形图标，则不会加载它们。基础 Jekyll Bootstrap 不使用字形图标。

尝试添加 在您的文件之一中（例如：page.html) 或 index.md 中的 markdown 等效项，您将在网络检查器中看到字体加载。