Font awesome 5.13.0 pro не показывает значок при включении только всех. css в проекте gulp angular - PullRequest
Новая
       29

Font awesome 5.13.0 pro не показывает значок при включении только всех. css в проекте gulp angular

0 голосов
/ 05 августа 2020

Font awesome 5.13.0 не показывает значок при включении только всех. css в проекте gulp, но когда я включаю все. js также отображается значок, но теги i преобразуются в svg. Нужна помощь, пожалуйста. Как я могу заставить его работать, не конвертируя его в SVG.

Структура папок:

enter image description here

this is how i've included fontawesome

enter image description here

I checked file in dest folder as well and the fontawesome css are present n that fiile.

but the cons are not being dislayed.

updated folder structure

enter image description here

how it should be displayed

enter image description here

How it is being displayed

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

Ответы [ 2 ]

0 голосов
/ 06 августа 2020

Нашел проблему. На самом деле я просто добавлял папку веб-шрифтов в папку с ресурсами, но я пропустил добавление задачи gulp для переноса файлов папки веб-шрифтов. Таким образом, файл all. css не смог найти файлы веб-шрифтов, и поэтому значки не отображались.

Уберите сюда для меня (а также тех, кто не знает об этой зависимости) -

  • Помимо всех файлов. css, также необходимы файлы в папке webfonts, чтобы font awesome работал должным образом
0 голосов
/ 06 августа 2020

Вот рабочий образец только с CSS. Если у вас не работает, опишите подробнее. 

<link href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" rel="stylesheet"/>
<i class="fas fa-plus"></i>
...