Question

我有一个WordPress主题，我使用Bootstrap Sass源构建。样式是有效的，但大多数glyphicons不是（只有星号和加号）。我正在将我的Bootstrap编译为style.css，相对于此，有一个名为fonts的文件夹，其中包含glyphicons（我设置了$icon-font-path: "fonts/";）这是我的一个片段编译style.css以显示字体路径是否正确：

@font-face { font-family: 'Glyphicons Halflings'; src: url("fonts/glyphicons-halflings-regular.eot"); src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

例如，这些工作：

<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>

但这些不是：

<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>

这是一个glyphicon类的片段：

.glyphicon-asterisk:before { content: "\2a"; }
.glyphicon-plus:before { content: "\2b"; }  
.glyphicon-star:before { content: \e006; }
.glyphicon-thumbs-up:before { content: \e125; }

我检查了网络标签，看它是否加载了glyphicon字体，它们只在glyphicons工作时出现（星号，加号）。否则，字体文件甚至不会显示在网络选项卡中（甚至不是404）。

Answer 1

问题是内容值未包含在引号中。这仍然是www.getbootstrap.com sass源代码下载的问题，但在recently fixed github repo中是bootstrap-sass。

一些bootstrap glyphicons没有加载

1 个答案: