FontAwesome - отличная библиотека для добавления значков в веб-приложения, мобильные и настольные приложения. сено !! теперь он в версии 5, с множеством красивых иконок, которые могут соответствовать потребностям вашего приложения. Поэтому я подумал, что могу также использовать его с NativeScript 4.2 (последняя версия) + Angular 6, хотя он оказался немного другим, чем я ожидал.
Есть много статей и руководств, которые показывают, как использовать FontAwesome и NativeScript, но с момента выпуска FontAwsome 5 и NativeScript 4.2 + Angular вещи действительно изменились с обеих сторон, и ни один из этих старых методов не будет работать, если вы используете эту новую стабильную версию. версия.
Как использовать FontAwesome 5 с NativeScript 4.2 + Angular
Во-первых, нам нужно скачать FontAwesome с их сайта. Зайдите на сайт, перейдите к как использовать, затем перейдите к разделу разместить его самостоятельно, нажмите Скачать FontAwesome бесплатно, вы можете выбрать оплату .
После загрузки с NativeScript-Angular все становится непросто. Новая файловая структура NTS-ng изменилась с момента выпуска версии 4.2. каталог приложения был перемещен в каталог / src, как и следовало ожидать в каждом проекте angular-cli 2+. Итак, давайте создадим папку / fonts внутри каталога / src следующим образом:
Затем откройте ZIP-файл и перейдите к fontawesome-free / web-fonts-with-css / webfonts, и мы скопируем / переместим каждый файл .ttf в папку src / fonts.
Теперь мы можем добавить шрифты в наш app.css следующим образом:
Вот и все, теперь мы можем использовать FontAwesome 5 в нашем приложении. Для этого сначала нужно найти значок. Перейдите на страницу поиска значков и выберите значок. Вам понадобятся две вещи:
Первым будет класс (fas), а вторым - код (f015).
Теперь мы можем вставить значок в наш шаблон приложения следующим образом:
Вот и все! Теперь мы можем использовать значки FontAwesome 5 в нашем приложении NativeScript 4.2 Angular без использования сторонних плагинов!
Спасибо, что уделили время чтению, и не забывайте хлопать в ладоши, если вам это нравится, чтобы другим было полезно.
Алекс Онозор
Фронтенд (веб и мобильная версия), JavaScript или (Любитель Angular ≤ = ›Angular Lover), веб-евангелист. Участник открытого исходного кода. Архитектор программного обеспечения.
