Android 如何将字体Awesome(4.7)与Nativescript(3.4.2)和Angular(5)结合使用
希望这是一个简单的问题,但它现在让我感到困惑 我正在使用Angular 5/TS选项卡式模板为Android创建一个Nativescript应用程序,并尝试将字体很棒的图标集成到项目中。问题是,每个图标都显示为信封/占位符,而不是实际的图标。在安卓系统上运行这项功能需要我做些什么吗? 请参见下面的屏幕截图 以下是我从各种在线教程和指南中收集的内容:Android 如何将字体Awesome(4.7)与Nativescript(3.4.2)和Angular(5)结合使用,android,font-awesome,nativescript,angular5,Android,Font Awesome,Nativescript,Angular5,希望这是一个简单的问题,但它现在让我感到困惑 我正在使用Angular 5/TS选项卡式模板为Android创建一个Nativescript应用程序,并尝试将字体很棒的图标集成到项目中。问题是,每个图标都显示为信封/占位符,而不是实际的图标。在安卓系统上运行这项功能需要我做些什么吗? 请参见下面的屏幕截图 以下是我从各种在线教程和指南中收集的内容: “.ttf”字体文件需要位于“./app/fonts/”文件夹中 css类需要使用与字体文件名匹配的字体族来创建 css类需要应用于模板文件中所
- “.ttf”字体文件需要位于“./app/fonts/”文件夹中
- css类需要使用与字体文件名匹配的字体族来创建
- css类需要应用于模板文件中所需的标记,文本属性需要包含图标的unicode
- 大多数/所有教程都使用iOS而不是Android(我使用的是Android),并且它们使用的是.css而不是.scss文件。这与此有关吗
试试这个插件,它有助于使用任意/多个字体图标
使用标准
字体.ttf
而不是web字体变体。
使用SCS而不是CSS不会改变任何东西——事实上,就是用SCS实现FontAwesome
唯一的区别是模板使用的不是-webfont
,而是FontAwesome.ttf
,并且在相应的SCSS类中,字体使用其文件名
法兰西{
字体系列:“真棒”
}
谢谢Nick,我今天晚些时候会试一试并回复。谢谢Manoj,我已经尝试了这个插件(包括他们的说明),但没有成功。至少我可以确认我已经成功使用了font awesome和icon moon字体的插件。