NativeScript + Angular: как установить и использовать значки? - PullRequest
Новая
       72

NativeScript + Angular: как установить и использовать значки?

0 голосов
/ 21 февраля 2020

Я пытаюсь использовать значки в своем nativescript + angular приложении как для iOS, так и Android. Я попробовал другой способ настройки иконок, я использовал этот учебник , это решение , и я даже попытался с плагином материала и nativescript-ngx-fonticon .

Все эти методы дают мне ошибку :

Плагин nativescript-fontawesome не включен в приложение предварительного просмотра на устройстве [идентификатор устройства] и не будет работать.

Теперь это мой текущий код:

mycomponent.component. html

<Button text="&#xf810" class="fa" column="0"></Button>

приложение. css

.fa {
    font-family: 'FontAwesome', fontawesome-webfont;
 }

Более того, у меня в приложении / fonts Папка следующий файл:

fontawesome-webfont.ttf

Итак, что не так?

Спасибо

1 Ответ

0 голосов
/ 27 февраля 2020

Плагин больше не нужен. NativeScript поддерживает Icon Fonts. https://docs.nativescript.org/angular/ui/ng-components/icon-fonts

  • Загрузите шрифты FontAwesome для Интернета по адресу https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself из поля «Загрузить бесплатные шрифты для Интернета» .

  • Сохраните файлы * .ttf в src/fonts:

    • fa-normal-400.ttf
    • fa-бренды- 400.ttf
    • fa- solid -900.ttf

  • Добавьте эти строки в свое приложение. css

.far {
    font-family: Font Awesome 5 Free, fa-regular-400;
    font-weight: 400;
}

.fab {
    font-family: Font Awesome 5 Brands, fa-brands-400;
    font-weight: 400;
}

.fas {
    font-family: Font Awesome 5 Free, fa-solid-900;
    font-weight: 900;
}
  • Теперь вы можете использовать 
<!-- Using fa-solid-900.ttf -->
<Button text="&#xf810;" class="fas"></Button>
...