Question

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

我使用其中一个默认主题（标题为bootstrap-3）并且在文件结构方面似乎编译得很好。

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

fonts目录以及外部_site/assets目录中都存在assets文件夹，据我所知，_site目录的内容是在服务器上提供了什么。

但是，当我使用Google Dev Tools查找资产时，我根本无法找到字体。 CSS生成正常，但字体不是。

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

我的bootstrap.min.css中存在Glyphicons，我唯一能想到的是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

here is my output site，我想在联系页面的submit按钮中放置一个字形（从主站点看不到，因为我没有＆＃39;还专注于UI）。

有趣的是，当我在按钮中的不某处放置一个glyphicon时，它会显示。

编辑：哇，不小心在课程名称中添加了>。

Answer 1

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

浏览器仅在需要时才加载字体（如果使用 glyphicon-xxx 样式）。这称为延迟加载，它可以避免加载不必要的资源。

修改：如果您未在网站中使用字形，则不会加载它们。基础Jekyll Bootstrap不使用glyphicons。

尝试在您的某个文件中添加（例如：pages.html）或index.md中的降价等同，您将在网络检查器中看到加载的字体。

Jekyll Bootstrap不导入glyphicons

1 个答案: