Многострочные кнопки
аюсь заставить Font Awesome 5 работать на Android, но он не работает. С помощьюhttps://github.com/NathanWalker/nativescript-ngx-fonticon пакет.
Структура моей папки
- src
-- assets
-- fonts
-- app
Папка assets содержит fontawesome css (font-awesome.css), я удалил все, что было выше: «Font Awesome использует область личного использования Unicode (PUA), чтобы программы чтения с экрана не считывали случайные символы, которые представляют значки».
Папка fonts содержит все файлы шрифтов (eot / svg / ttf / woff / woff2), которые я скачал с сайта Font Awesome 5 (fa-бренды / fa-регулярно / fa-solid)
В моем основном файле scss у меня есть строка:
.fa {
font-family: FontAwesome, fontawesome-webfont;
}
.fas {
font-family: FontAwesome, fa-solid-900;
}
В моем app.module.ts:
import { TNSFontIconModule , TNSFontIconService } from 'nativescript-ngx-fonticon';
TNSFontIconService.debug = true;
и импорт:
TNSFontIconModule.forRoot({
'fa': './assets/font-awesome.css'
})
Теперь в моем HTML:
<Label class="fas" [text]="'fa-bars' | fonticon" color="#2c0239"></Label>
Я также изменил свою конфигурацию веб-пакета, чтобы скопировать и просмотреть папку src / assets /:
new CopyWebpackPlugin([
{ from: "assets/**"},
{ from: "fonts/**" },
{ from: "**/*.jpg" },
{ from: "**/*.png" },
], { ignore: [`${relative(appPath, appResourcesFullPath)}/**`] }),
Поэтому, когда я запускаю это на своем iPhone, я получаю [?]