FontAwesome, почему иконки отображаются в формате SVG? - PullRequest
Новая
       22

FontAwesome, почему иконки отображаются в формате SVG?

0 голосов
/ 30 апреля 2018

В моем проекте Angular5 я использую иконки FontAwesome: статический значок и спиннер. Я запустил npm install font-awesome, и была установлена ​​версия 4.7.0. 

"dependencies": {
  ....
  "font-awesome": "4.7.0"
}

в моем app.component.html 

<div class="center">
  <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
  <p>Loading...</p>
</div>

Но что я вижу в консоли dev в chrome: enter image description here

А у прядильщика нет правильной импульсной анимации.

Если я использую статический шрифт, потрясающий значок, он также отображается как SVG. Зачем?

1 Ответ

0 голосов
/ 30 апреля 2018

Поскольку вы используете как пакет в качестве зависимости, это нормально для документов: https://fontawesome.com/how-to-use/svg-with-js

Наша совершенно новая основанная на SVG инфраструктура, которая дает вам все преимущества использования значков SVG в Интернете без всяких хлопот. Мы сохранили синтаксис и шаги простыми, а также создали инструменты для определения размеров, размещения и стилизации.

Если вы хотите использовать его по-другому, я бы добавил его в качестве шрифта в файл css / sass или: 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/vX.XX.XX/css/all.css"

Документы: https://fontawesome.com/get-started/web-fonts-with-css

И не как библиотека js: https://fontawesome.com/get-started/svg-with-js

...