Gylphicon无法正确显示

Question

如果我使用此标记：

<span class="glyphicon glyphicon-resize-vertical"></span>

图标显示正常。 但是，如果我使用此css规则：

.section-header::after {
    content:"\e119";
    float: right;
    padding-left: 1em;
}

它只显示通用缺失的字体方形图像。

在网上搜索看起来其他人有类似的问题，但似乎通过更正字形图标字体文件的位置来解决这些问题，但是我的处于完全正确的位置，即相对于css而言在..\fonts\

问题还有什么呢？

Answer 1

您需要定义font-family，尝试以下CSS，它应该有效

.section-header::after {
   content:"\e119";
   float: right;
   padding-left: 1em;
   font family: Glyphicons Halflings;
}

Answer 2

像这样添加font-family： Demo

.section-header::after {
    font-family:'Glyphicons Halflings';
    content:"\e119";
    float: right;
    padding-left: 1em;

}