2017-03-15 66 views
0

我想在CSS中設置一個Roboto字體變體 - 不工作。在Android中指定一個Roboto字體

FONT-FAMILY: '無襯線冷凝'

我嘗試 '的Roboto黑' - 也沒有工作。

如果我將font-family設置爲位於我的/ app/fonts文件夾中的字體名稱 - 可以使用。

回答

0

要應用的字體變體皆可使用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" 
} 

將產生如下結果:

enter image description here

樣的項目可以發現here

在NativeScript font-family支持三種通用的家庭如下:

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

因此,使用sans-serif-condensed不會產生預期的結果。

+0

好的 - 我看到你明確地在字體文件夾中添加了字體。但如果它是一個內置的字體,不應該工作。 {N}會搜索/ fonts文件夾,然後搜索內置字體? – dashman

+0

Roboto不是NativeScript的內置字體,因此我們確實需要在字體文件夾中明確添加它。 –

+0

Roboto是Android的內置字體...但無論如何 - 我明白。如果我使用sans-serif - 那麼Nativescript使用Roboto而不是它位於字體文件夾中。對我來說很難說,因爲字體的面相似。 – dashman

相關問題