在Android中指定一个Roboto字体

Question

我想在CSS中设置一个Roboto字体变体 - 不工作。

FONT-FAMILY： '无衬线冷凝'

我尝试 '的Roboto黑' - 也没有工作。

如果我将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不会产生预期的结果。