如何在NativeScript上包含相同字体的多个权重？

Question

font-family: [Font name];
font-weight: 600;"

但是，Android找不到，默认为无衬线字体（我假设是Roboto）。

在这种情况下，预期的字体文件命名系统是什么？我是否需要创建单独的android和ios CSS文件，然后在android上使用font-family:[Font name]semibold；命名？

Answer 1

我相信这里最好的方法是使用@font-face创建一个由所有文件组成的字体家族。

如果我有三个重量的字体，并想用它们建立一个家庭，我会这样做：

@font-face {
    font-family: 'Open Sans';
    src: url('~/fonts/Open Sans Regular.tff') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url('~/fonts/Open Sans Light.tff') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Open Sans';
    src: url('~/fonts/Open Sans Bold.tff') format('truetype');
    font-weight: 500;
}

然后，我可以通过以下方式使用此其他内容：

Label {
    font-family: 'Open Sans';
    font-weight: 300; // Regular Open Sans
}

Label.mod-light {
    font-weight: 100; // Light Open Sans
}

Label.mod-bold {
    font-weight: 500; // Bold Open Sans
}