尽管我遵循了每个步骤，但Font-Awesome在NativeScript中不起作用

Question

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

我尝试使用不同版本的Font-Awesome。 桌面版和网络版。我知道Web版本是正确的版本，但您永远不会知道。

我加入了这样的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>

Answer 1

对于自定义字体，您需要将字体文件添加到文件夹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';
}

我创建了一个Playground： https://play.nativescript.org/?template=play-ng&id=yUV2G5

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