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; 

}