尽管我遵循了每一步，但字体Awesome在NativeScript中不起作用

我在Nativescript中包含的图标不起作用。 我遵循了本教程中的每一个步骤，但是图标看起来像

我试着使用不同版本的字体。 桌面和web版本。我知道网络版是正确的，但你永远不知道

我像这样加入了字体

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

---

对于自定义字体，您需要将字体文件添加到文件夹

src/fonts

中。 根据您的图片，您正在使用的是Android，在该平台上，您的CSS

字体系列

必须与字体文件名相匹配，即如果您的字体文件名为

FontAwesome.ttf

，则必须与字体文件名相匹配。 在iOS上，字体系列必须与字体文件中的名称匹配-签出 更多细节

---

编辑：可能您只是缺少字体（文件）名称周围的引号

即

我创建了一个游乐场：

---

并且这三个图标在iOS上正确显示。

对于自定义字体，您需要将字体文件添加到文件夹

src/font

中。 根据您的图片，您正在使用的是Android，在该平台上，您的CSS

字体系列

必须与字体文件名相匹配，即如果您的字体文件名为

FontAwesome.ttf

，则必须与字体文件名相匹配。 在iOS上，字体系列必须与字体文件中的名称匹配-签出 更多细节

---

编辑：可能您只是缺少字体（文件）名称周围的引号

即

我创建了一个游乐场：

---

这三个图标在iOS上显示正确。

我将tff文件包含在src/app文件夹中。字体名称为“fa-REQUALE-400”、“fa-brands-400”和“fa-solid-900”。在代码片段中，您可以看到我将这些包含在字体系列中。请尝试将其移动到src/fonts，并在重建之前执行

tns platform clean android

。它是src/fonts中的“我的坏”。tns平台清洁安卓没有帮助。你知道我还可以尝试什么吗？也许你只是缺少字体（文件）名称周围的引号。我添加了一个游乐场-请参见编辑的答案。我将tff文件包含在src/app文件夹中。字体名称为“fa-REQUALE-400”、“fa-brands-400”和“fa-solid-900”。在代码片段中，您可以看到我将这些包含在字体系列中。请尝试将其移动到src/fonts，并在重建之前执行

tns platform clean android

。它是src/fonts中的“我的坏”。tns平台清洁安卓没有帮助。你知道我还可以尝试什么吗？也许你只是缺少字体（文件）名称周围的引号。我添加了一个游乐场-请参见编辑后的答案。

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