Question

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

这是我使用的命令行。

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

我发现自定义字体存在问题。我从任何地方搜索，我只是在app文件夹内像这样创建

/my-project/app/fonts

但是，由于是从空白模板创建的，因此模板已将app文件夹重新放置在src文件夹中，如下所示。

/my-project/src/app

当然，SourceRoot文件夹已更改为“ src”文件夹。我将“ fonts”文件夹放到“ 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>

因此，字体没有更改。我为这个问题附上了图片。

https://www.imgtrue.com/image/UIfgLE

https://www.imgtrue.com/image/UIfiKC

https://www.imgtrue.com/image/UIfTXV

Answer 1

尝试此代码

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

Android依赖于文件名，iOS依赖于字体系列名。因此建议您使用字体名称重命名字体文件，或者同时使用字体和文件名（以逗号分隔）。

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

1 个答案: