Gylphicon не отображается правильно

Question

Если я использую эту разметку:

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

значок отображается нормально. Однако, если я использую это правило CSS:

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

он просто отображает общий недостающий шрифт квадратное изображение.

Поиск в Интернете выглядит так, как будто у других людей есть аналогичная проблема, но, похоже, они устраняются путем исправления местоположения файлов шрифтов с символами глифов, однако моя находится в совершенно правильном месте, то есть относительно css it составляет ..\fonts\

Что еще может быть проблемой?

Answer 1

Вам нужно определить font-family, попробуйте следующий CSS, он должен работать

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

Answer 2

Добавить семейство шрифтов, как это: Demo

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

}