在Android中指定Roboto字体

Question

我正在尝试在CSS中设置Roboto字体变体 - 无法正常工作。

font-family：'sans-serif-condensed'

我试过'Roboto-Black' - 也不用了。

如果我将font-family设置为我的/ app / fonts文件夹中的字体名称 - 那就可以了。

Answer 1

要应用字体变体，请使用css属性，例如font-weight（粗体，正常）和font-style（斜体，正常）或提供不同的字体变体通常由字体的作者在单独的字体文件中创建。 使用Roboto，您有12种不同的字体变体，如Roboto-Bold，Roboto-THin，Roboto-Medium等。您可以将它们与您在帖子中提到的文件名一起使用。 例如 app.css

.rb-black {
    font-family: "Roboto-Black"
}

.rb-black-italic {
    font-family: "Roboto-BlackItalic"
}

.rb-bold {
    font-family: "Roboto-Bold"
}

.rb-medium {
    font-family: "Roboto-Medium"
}

将产生以下结果：

可以找到示例项目here

NativeScript中的

font-family支持三个通用族，如下所示：

serif (ex. Times New Roman)
sans-serif (ex. Helvetica)
monospace (ex. Courier New)

所以使用sans-serif-condensed赢得了预期的结果。