css - 使用十六进制代码时不显示 Bootstrap 字形图标

Question

我将从目前为止所做的开始:

重新下载字体

切换到 CDN 用于 bootstrap css

在我用于所有样式的自定义 css 文件中声明的字体

如果我使用有效的传统跨度，例如

 <span class="glyphicon glyphicon-ok"></span>

我还可以看到浏览器放在那里的类似默认图标

代码:

 .box-cont li:before {
  content:"\e013";
  }

我的网站是 ukhotspot.co.uk 很明显希望发生什么

Answer 1

您必须将字体系列添加到选择器:

.box-cont li::before {
  content: "\e013";
  font-family: "Glyphicons Halflings";
}

如果您不这样做，浏览器会尝试使用后备字体并且没有自定义图标。

您还可以将类 .glyphicon 添加到每个元素，但第一个应该是最简单的解决方案。