Блог

Мы пытаемся заменить бесплатные иконки font-awesome 5 значками Pro в нашем приложении Angular 10. В настоящее время мы импортируем бесплатные шрифты по явной ссылке, вот так (в component.ts)

 import { faLock } from "@fortawesome/free-solid-svg-icons";
  

Однако при использовании значков pro кажется, что файлы TypeScript не предоставляются, .d.ts или файл модуля ES, похоже, не включен в @fortawesome/fontawesome-pro пакет npm.

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

Мой вопрос в том, возможен ли импорт значков pro в TS? Кажется странным, что бесплатные иконки позволяют это, а профессиональные — нет.

Несмотря на то, что говорится в инструкциях font awesome, вам не нужен fortawesome/fontawesome-pro пакет. Я тоже с этим справлялся.

Вам просто нужно @fortawesome/pro-solid-svg-icons

Затем вы можете импортировать их, как и бесплатную версию:

import { faComet } from '@fortawesome/pro-solid-svg-icons';

Это то же самое решение, если вы столкнулись с двумя разными IconDefinition определениями между free и pro в результате разных fontawesome-common-types .

Я думаю, что их «Установка Pro версии Font Awesome» не предназначалась для людей, использующих angular-fontawesome , вот где я запутался.