Font Awesome 5 значков отображаются в виде квадрата в приложении Flask - PullRequest
0 голосов
/ 03 мая 2020

Я хочу использовать Font Awesome 5 в своем приложении flask, но шаблоны просто показывают пустые квадраты или другие значки, тогда я хотел, чтобы они были / не отображали что-либо.

Я скачал fontawesome5 и поместил его в папке stati c. С

<link rel='stylesheet' href="{{ url_for('static', filename='font-awesome5/css/fontawesome.min.css')}}">

i ссылка на css -файл.

При использовании

<i class="fab fa-bell"></i>

веб-приложение показывает:

empty square

Неважно, использую ли я fa, fab или fas.

Не было проблем с Font Awesome 4.

Чего мне не хватает?

Редактировать: import

Шрифт с весом 400, 600 и 900 не работает.

Я могу получить доступ к font-awesome.min. css и есть fa-bell с кодом f0f3, поэтому импорт должен быть в порядке? Нужно ли устанавливать семейство шрифтов где-нибудь в моем приложении flask?

Ответы [ 2 ]

0 голосов
/ 03 мая 2020

fab используется для значков бренда. Вы должны заменить его на fas - solid значки

<i class="fas fa-bell"></i>
0 голосов
/ 03 мая 2020

Вы уверены, что у вас есть замечательный платный KIT? Потому что колокольчик про значок.

https://fontawesome.com/icons?d=gallery Как вы можете проверить по этой ссылке.

Basi c Использование: https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

Также ваш код должен быть:

<i class="fab fa-bell"></i>

Не:

<i>class="fab fa-bell"></i>
...