Fontawesome иконки не отображаются правильно в проекте начальной загрузки Saas - PullRequest
0 голосов
/ 14 декабря 2018

Я добавил в свой проект дерзкую версию fontawesome.Но значки не отображаются правильно.Вместо них отображаются прямоугольники с цифрами.

Я провел некоторый тест: я добавил ссылку на версию cdn, и значки работали нормально.Затем я проверил один из значков с помощью инспектора DOM и сравнил результаты той же проверки без ссылки на cdn (когда присутствовала только версия sass fa).А разница есть в разделе "унаследовано от тела".В первом случае (cdn) шрифты не наследуются, а во втором они есть.Так что, похоже, в этом причина моей проблемы.

Я делал (по моему мнению) те же самые вещи, которые советуются на веб-странице fa.Я распаковал заархивированный файл, скопировал каталог scss в каталог sass source, переименовал в fontawesome и добавил в style.scss следующие строки (style.scss находится в том же каталоге, куда я скопировал каталог fontawesome):

@import 'fontawesome/fontawesome';
@import 'fontawesome/brands';
@import 'fontawesome/core';

Я также скопировал каталог веб-шрифтов в основной путь моего проекта и изменил $ fa-font-path на "../webfonts"! Default;в fontawesome / variables.scss

Я добавил в класс fa:

font-family: FontAwesome;

, и теперь семейство шрифтов унаследовано от класса fa (проверено в инспекторе DOM), но это не решило проблемуили.И это странно, потому что изменение семейства шрифтов для класса fa должно быть уже сделано где-то в файлах fa scss.Что еще мне делать?

...