Некоторые бренды шрифтов не работают (показывают квадрат), хотя другие работают нормально [дубликаты]

Я загружаю этот скрипт как css:

https://use.fontawesome.com/releases/v5.0.9/css/all.css

<i class="fa fa-facebook export-brands"></i>
<i class="fa fa-smile export-brands"></i>

Результат следующий:

введите здесь описание изображения

Я пытался загрузить css локально, разные версии, я пробовал версию js, та же проблема (другой логотип не найден).

Инструменты разработчика Chrome показывают

.fa-facebook:before {
    content: "\f09a";
}

Как и должно быть, когда я проверил исходный css.

Не знаю, что еще попробовать.


person Trufa    schedule 06.04.2018    source источник
comment
здесь больше нет fa, вы должны использовать fab для значка бренда   -  person Temani Afif    schedule 06.04.2018
comment
codepen.io/nagasai/pen/NYENRG после добавления fontawesome cdn все отображается нормально - stackpath.bootstrapcdn.com/font-awesome/4.7 .0/CSS/   -  person Naga Sai A    schedule 06.04.2018
comment
The fa prefix has been deprecated in version 5. The new default is the fas solid style and the fab style for brands. --› fontawesome.com/how-to-use/svg-with- js   -  person Temani Afif    schedule 06.04.2018
comment
@NagaSaiA, это V4, здесь речь идет о V5.   -  person Temani Afif    schedule 06.04.2018
comment
@TemaniAfif это сработало с fab!   -  person Trufa    schedule 07.04.2018
comment
при изменении с fa на fab значок отображается нормально — codepen.io/nagasai/pen/QmJNvE   -  person Naga Sai A    schedule 07.04.2018
comment
@TemaniAfif вы хотите опубликовать в качестве ответа?   -  person Trufa    schedule 07.04.2018
comment
ну, я почти уверен, что есть дубликат, но не могу его найти :)   -  person Temani Afif    schedule 07.04.2018
comment
понял ;) вы также можете найти больше информации в дубликате   -  person Temani Afif    schedule 07.04.2018


Ответы (2)


Вы смешиваете таблицу стилей Font Awesome 5 с синтаксисом Font Awesome 4. Проблема может быть устранена одним из двух способов:

  1. Загрузите таблицу стилей для более старой версии или, что предпочтительнее,
  2. Дважды проверьте названия классов и обязательно используйте текущий стандарт.
person denmch    schedule 06.04.2018

Возможно, из-за того, что Adblock блокирует некоторые «фирменные» значки?

https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#some-brand-icons-are-missing

person user2121620    schedule 06.04.2018
comment
хорошая ставка, но нет, я отключил ublock, чтобы быть уверенным. Это не то. Благодарность! (не мой отрицательный голос, спасибо за попытку) - person Trufa; 06.04.2018