Font-Awesome не работает в NativeScript, хотя я следовал за каждым шагом - PullRequest
Новая
       33

Font-Awesome не работает в NativeScript, хотя я следовал за каждым шагом

0 голосов
/ 27 мая 2019

Значки, которые я включил в Nativescript, не работают. Я следовал каждому шагу в этом уроке, но значки выглядят как на картинке .

Я пытался использовать разные версии Font-Awesome. Рабочий стол и веб-версия. Я знаю, что веб-версия правильная, но вы никогда не знаете.

Я включил Font-Awesome вот так. 

.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; 
}

И я использовал это так: 

<Label class="far" style="font-size: 50em; color: blue" text="&#xf130;"></Label>

1 Ответ

2 голосов
/ 27 мая 2019

Для пользовательских шрифтов вам необходимо добавить файл шрифта в папку src/fonts. Исходя из вашей картинки, вы используете Android, и на этой платформе ваш CSS font-family должен соответствовать имени файла шрифта, т.е. FontAwesome если ваш файл шрифтов называется FontAwesome.ttf. На iOS семейство шрифтов должно совпадать с именем в файле шрифта - проверьте https://www.nativescript.org/blog/using-custom-fonts-in-a-nativescript-app для более подробной информации.

Редактировать: Возможно, вам просто не хватает кавычек вокруг имен шрифтов (файлов),

т. 

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

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

.fas {
    font-family: 'Font Awesome 5 Free', 'fa-solid-900';
}

Я создал игровую площадку: https://play.nativescript.org/?template=play-ng&id=yUV2G5

и три иконки правильно отображаются на iOS.

...