Почему некоторые иконки font awesome выглядят как квадраты?

Question

[Vitaly Max]

Редактирую шаблон. Подключен font awesome некоторые иконки отображаются корректно, а другие в виде квадратов или иероглифов.
Стили прописаны так:

.fa-html5:before {
 	content: "\f13b"
 }

 .fa-css3:before {
 	content: "\f13c"
 }

.fa-sass:before {
       	content: "\f41e"
}

В html так

<i class="fa fa-html5 fa-5x"></i>
<i class="fa fa-css3 fa-5x"></i>
<i class="fa fa-sass fa-5x"></i>

Вроде все правильно, но первые две иконки нормально видно, а третья квадратом.. В чем может быть дело?

Comments

[Владислав Лысков]

я посмотрел доки за тебя и увидел, что вставлять нужно так <i class="fab fa-sass"></i>

[Vitaly Max]

я так пробовал, не срабатывает

[Юрий Самойлов]

RaggaMaffin, покажите откуда подключается font-awesome? Возможно в подключаемом шрифте нет этих глифов?

[Vitaly Max]

Юрий Самойлов,

@font-face {
 	font-family: 'FontAwesome';
 	src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
 	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 	font-weight: normal;
 	font-style: normal
 }

[Vitaly Max]

Юрий Самойлов, похоже Вы правы, есть файл fontawesome-webfont.svg в котором я нашел все подключенные глифы. Но где взять данные такого вида для новых иконок

<glyph glyph-name="css3" unicode="&#xf13c;" horiz-adv-x="1792" 
d="M275 1408h1505l-266 -1333l-804 -267l-698 267l71 356h297l-29 -147l422 -161l486 161l68 339h-1208l58 297h1209l38 191h-1208z" />

[Юрий Самойлов]

RaggaMaffin, можно с fontawesome.com взять нужные глифы в svg, добавить в файл или как inline svg.

[Vitaly Max]

F Developer, а как он подключается? за деньги?))

[Vitaly Max]

F Developer, и как он подключается, отдельно как-то?

Answer 1

[Rocklifezzz]

Вероятнее всего в твоей версии Font Awesome нет этой иконки