2014-10-09 2 views
-2

Я создал простую страницу веб-страницы со значками шрифтов.Значок шрифтов: отображается неправильный знак

jsFiddle link

Похожие, как здесь

js trick

Но у меня есть другой значок отображается ... змею вместо баров :).

Что не так с моими шрифтами? Спасибо за ответы.

код здесь:

[data-icon]:before { 
    font-family: icons; /* BYO icon font, mapped smartly */ 
    content: attr(data-icon); 
    speak: none; /* Not to be trusted, but hey. */ 
} 

<h4><span aria-hidden="true" data-icon="&#x21dd;"></span> Stats</h4> 
+1

Пожалуйста, разместите свой код внутри самого вопроса. В обход StackOverflow * Ссылки JSFiddle должны сопровождаться предупреждением кодом *, обертывая ссылки JSFiddle в тегах кода наравне с нарушением правил сайта. –

+0

_ Значок шрифта, используемый на этой странице, - [Fico] (http://fico.lensco.be/) Леннарт Шоорс, затем пробежал через [IcoMoon] (https://icomoon.io/#home) для пользовательских сопоставлений. – Vucko

+0

Вопрос был исправлен, пожалуйста, отметьте его как правильный вопрос. Благодаря! – Pawel

ответ

1
x21dd; это юникод, который представляет эту «змею».

Source

Попробуйте использовать FontAwesome иконки (я включил их в CSS с помощью @ шрифта лицо).

Все, что вам нужно сделать, это определить класс в теге как

<b class="fa fa-chart"></b> 

И FontAwesome автоматически добавит иконку внутри этого тега.
Проверьте это Fiddle.

+0

Да, мне нужны специально подготовленные шрифты, чтобы увидеть «столбцы». «Змея» - хороший знак для шрифтов defualt. – Pawel

Смежные вопросы