杰基尔引导程序没有导入象形符号

Question

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

我正在使用一个默认的主题(标题简单的bootstrap-3)，它似乎编译良好，在文件结构方面。

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

fonts文件夹既存在于_site/assets目录中，也存在于外部assets目录中，据我所知，_site目录的内容是服务器上提供的内容。

然而，当我使用谷歌开发工具寻找资产时，我根本找不到字体。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按钮中放置一个象形符号(从主站点不可见，因为我还没有专注于UI)。

有趣的是，当我在按钮的而不是位置放置字形图标时，它会显示

编辑:哇，不小心把>放在类名中。

Answer 1

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

浏览器只在需要时加载字体(如果你使用glyphicon-xxx样式)。这被称为延迟加载，它避免加载不必要的资源。

编辑:如果你不使用你的网站象形符号，他们没有加载。基本的杰基尔引导程序不使用象形符号。

尝试添加在您的文件之一(例如:pages.html)或标记在索引等效。