переходя от шрифта-удивительный v4 до v5

Question

Я уже некоторое время использую какой-то отзывчивый шаблон , но хотел бы обновить его fa-модуль с v4 до v5. после загрузки бесплатного веб-пакета и замены файла «font-awesome.min.css» на «all.min.css» и адаптации всех ссылок на новую папку шрифтов я могу использовать все новые значки fa с"<span class="fa fa-..."></span>" (или far, fas, fab prefixed). хорошо.

То, что я не могу заставить работать должным образом, это использование значков v5 с дополнительными стилями, например, class="icon ..." или class="feature ...".
, когда отображается только твердое семейство v5, когда я явно установил .icon:before { ... font-weight: 900; ... } или .feature:before { ... font-weight: 900; ... }. значки из других двух семейств отображаются в виде квадратного прямоугольника, отображающего только шестнадцатеричный код значка.
Когда я устанавливаю вес «400», отображаются только значки из обычного семейства v5, а сплошные отображаются в виде квадратов сшестнадцатеричные коды. Какой бы вес я ни указывал, значки семейства брендов v5 никогда не отображаются.
Так как же получить доступ к значкам семейства брендов или из всех трех семейств?
Спасибо за любые подсказки ...

Answer 1

По сути, вы должны указать браузеру, какое семейство Font Awesome вы хотите использовать. Точно так же, как если бы вы хотели, чтобы Arial против Times отображал текст на вашем сайте.

В вашем блоке кода вы должны сказать:

.icon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

В случае Font Awesome этокомбинация font-family и font-weight, которые создают разные образы.

---

Реальная проблема заключается в том, что вы используете бесплатную версию FA, которая включает только ""Solid" и "Brands" стили, указав вес 900 и вес 400. Запрашиваемые вами функции являются частью версии Pro.

Вот Документация ФА по этому вопросу.