在Android中指定Roboto字体

Question

我试图在CSS中设置一个Roboto字体变体--不起作用。

字体-家庭：‘无衬线-浓缩’

我试过“机器人-黑色”-也不起作用。

如果我将字体--家族设置为我/app/字体文件夹中的字体名称--这是可行的。

Answer 1

要应用字体变体，可以使用font-weight (粗体，normal)和font-style (斜体，normal)之类的css属性，或者提供字体作者通常在单独的字体文件中创建的不同字体变体。使用罗博托，您有12种不同的字体变体，如Roboto、Roboto、Roboto和其他。您可以将它们与您在文章中提到的文件名一起使用。例如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"
}

将产生以下结果：

​

​

示例项目可以找到这里

font-family in NativeScript支持以下三个泛型家族：

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

因此，使用无衬线浓缩不会产生预期的结果。