Twitter bootstrap 3 Jekyll引导程序不导入图标
我今天刚开始使用Jekyll,到目前为止我很喜欢它 我使用的是一个默认主题(标题简单地称为Twitter bootstrap 3 Jekyll引导程序不导入图标,twitter-bootstrap-3,jekyll,jekyll-bootstrap,Twitter Bootstrap 3,Jekyll,Jekyll Bootstrap,我今天刚开始使用Jekyll,到目前为止我很喜欢它 我使用的是一个默认主题(标题简单地称为bootstrap-3),就文件结构而言,它似乎编译得很好 但是,当我在本地服务器(或github.io)上运行它时,会丢失一些文件,特别是引导默认的glyphicon字体 font文件夹既存在于\u站点/assets目录中,也存在于外部assets目录中,据我所知,\u站点目录的内容就是服务器上提供的内容 然而,当我使用GoogleDev工具查找资产时,我根本找不到字体。CSS生成得很好,但字体不是 有趣
bootstrap-3
),就文件结构而言,它似乎编译得很好
但是,当我在本地服务器(或github.io)上运行它时,会丢失一些文件,特别是引导默认的glyphicon字体
font
文件夹既存在于\u站点/assets
目录中,也存在于外部assets
目录中,据我所知,\u站点
目录的内容就是服务器上提供的内容
然而,当我使用GoogleDev工具查找资产时,我根本找不到字体。CSS生成得很好,但字体不是
有趣的是,当我使用另一个主题(如项目
)时,字体加载良好
图标存在于我的bootstrap.min.css
中,我唯一能想到的是url()
代码是错误的:
src:url('../fonts/Glyphons 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
按钮中放置一个glyphicon(在主站点看不到,因为我还没有关注UI)
有趣的是,当我把一个字形图标放在按钮之外的某个地方时,它会显示出来
编辑:哇,不小心在类名中放了一个
如果您转到并观看网络检查器,您将不会看到加载的任何字体。但是如果您转到,您将看到它们在浏览器中跳转
浏览器仅在需要时加载字体(如果使用glyphicon xxx样式)。这称为延迟加载,它可以避免加载不必要的资源
编辑:如果您不在站点中使用字形图标,则不会加载它们。基本Jekyll引导程序不使用图标
尝试在一个文件(例如:pages.html)中添加,或在index.md中添加一个标记,您将在网络检查器中看到加载的字体。好的,这是有意义的,但我的样式表要求在
@font-face
中使用上述字体。我的bootstrap.css中是否缺少某些内容?我不认为我会,因为它是默认的,但你永远不知道。但这就是问题所在,我正在使用图标。我有一个空的
标记,我仔细检查以确保该类存在于bootstrap.css
中。因此,我需要查看您的基本代码或生成的版本。啊,实际上我看到了我的错误。我的span
读一下:
。错误是一克拉进入了类名。哇!谢谢你,大卫!