0

我今天才开始使用 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')在 my 中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联系页面的按钮中放置一个字形图标（从主站点看不到，因为我还没有专注于 UI）。

有趣的是，当我在按钮之外的某个地方放置一个字形图标时，它会显示出来。

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

4

1 回答 1

2

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

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

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

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

于 2014-07-29T06:28:17.333 回答