Интеграция fontawesome в <ion-icon> Ionic 4 - Angular 7

Я пытаюсь интегрировать fontawesome в свое приложение ionic4.

Я следил за этим руководством https://yannbraga.com/2017/06/28/how-to-use-custom-icons-on-ionic-3/

с некоторыми доработками для ionic4.

Теперь я могу отобразить потрясающий шрифт, используя

<i class = "fas fa-alicorn"></i>

или

<ion-icon class = "fas fa-alicorn"></ion-icon>

Но хотелось бы использовать вот так (как обычный ионный значок)

<ion-icon name = "fas fa-alicorn"></ion-icon>

Когда я пытаюсь это сделать, у меня появляется ошибка: «aarlbodj.entry.js: 1 значок не был разрешен». Кто-нибудь в этом случае?

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
3
0
3 108
2

Ответы 2

Компонент ion-icon разрешает атрибут name из ion-icons. Вы даете некоторые имена классов как атрибут имени в компоненте ion-icon.

Если вы хотите использовать иконки fontawesome в приложении Ionic 4, установите этот упаковка.

angular-fontawesome - официальный компонент angular для Font Awesome5, который легко интегрируется с проектами Ionic4. Следуйте инструкциям по следующей ссылке. https://stackoverflow.com/a/54324301.

Другие вопросы по теме