Баг с font-awesome или кривые руки?

Question

[Роман Благов]

Есть один сайт в конце которого парочка блоков с иконками, font-awesome подключен, но 2 иконки не отображаются.

Наглядное изображение

Если в самом начале, в CSS файле переподключить библиотеку, прописав это, то всё работает.

@import url ("https://netdna.bootstrapcdn.com/fonz-awesome/4.6.3/css/font-awesome.min.css")

Однако копирование стилей из данного файла не помогает решить проблему.

Всё бы ничего, но нужно сделать так, чтобы css файлы располагались именно на внутреннем сервере, без ссылок на внешние источники...

Answer 1

[lagudal]

у вас font-awesome подключен аж 3 раза - 2 раза в head ´

<link rel="stylesheet" type="text/css" href="typo3conf/ext/multishop/templates/css/font-awesome/css/font-awesome.min.css?1528109206" media="all">

<link rel="stylesheet" type="text/css" href="/fileadmin/templates/extern/font-awesome/4.6.3/css/font-awesome.min.css?1531392793" media="all">

и один раз импортом, что вы и указали -

@import url ("https://netdna.bootstrapcdn.com/fonz-awesome/4.6.3/css/font-awesome.min.css")

один из подключеных в head, 4.4.0, два других показывают 4.6.3, из них что подключается с bootstrapcdn видимо как раз включает те иконки, что нет в других.
Уберите эту чехарду, подключайте нужную версию только один раз, все равно в каком месте, и все будет нормально

Answer 2

[Basitkhan Mansurov]

Используйте сервис icomoon.io с ним у вас проблем не будет)

Comments

[Михаил Р.]

Какие Ваши доказательства!? =)
В сравнение с FontAwesome 5, какие плюсы?

[Basitkhan Mansurov]

Mike Ro, Он локальный, можно кастомизировать, рендеринг проходит быстрее (собственный опыт)
Можно сделать как font icons, так и svg и png icon packs

Answer 3

[Андрей]

Однако копирование стилей из данного файла не помогает решить проблему.

Ни какой мистики, в локальном css нет стилей: .fa-envira и .fa-sign-language