自定义字体不应用于Nativescript空白模板

我已经尝试了一周的nativescript项目。我从cli创建了一个空白的nativescript模板，并使用VSCode进行编码

这是我使用的命令行

tns create my-app-name --template tns-template-blank-ts

我发现自定义字体有问题。我从任何地方搜索，我只是在应用程序文件夹中创建了一个字体文件夹，如下所示

/my-project/app/fonts

但是，由于从空白模板创建，该模板已将app文件夹重新定位到src文件夹中，如下所示

/my-project/src/app

当然，SourceRoot文件夹已更改为src文件夹。 我把字体文件夹放进了src文件夹。并将字体RSU放入字体文件夹

接下来，我在app.css文件中为字体编写了css类

.rsu{
    font-family: 'RSU', 'RSU-Regular';
    font-size: 22;
}

并将该类添加到home.component.html中的Label元素中

<ActionBar class="action-bar">
    <Label class="action-bar-title" text="Home"></Label>
</ActionBar>

<GridLayout class="page">
    <!-- Add your page content here -->
    <label class="rsu" text="Hello World"></label>
</GridLayout>

所以，字体没有改变。 我附上了这个问题的图片

试试这个代码

.rsu {
    font-family: 'RSU-Regular', 'RSU_Regular';
    font-size: 22;
}

Android依赖于文件名，iOS依赖于字体系列名。因此，建议使用字体名称重命名字体文件，或传递字体和文件名，并用逗号分隔