2017-03-15 6 views
0

CSSでRobotoフォントのバリアントを設定しようとしています。AndroidでRobotフォントを指定する

フォントファミリ: 'サンセリフ凝縮'

私は 'Roboto-ブラック' を試してみました - も動作していません。

font-familyを/ app/fontsフォルダにあるフォント名に設定すると、それが機能します。 (通常、イタリック)(、太字ノーマル)とfont-stylefont-weightのようにどちらかのCSSプロパティを使用するか、別のフォントが通常、別のフォントファイルにフォントの著者によって作成された変異体の提供フォントバリアントを適用するには

答えて

0

Robotoには、Roboto-Bold、Roboto-Thin、Roboto-Mediumなどの12種類の異なるフォントバリエーションがあります。あなたはあなたの投稿に記載されているようにファイル名でそれらを使用することができます。例:

enter image description here

サンプル・プロジェクトは、次のようにNativeScriptで

font-familyは、3つの汎用ファミリをサポートhere見つけることができます:

serif (ex. Times New Roman) 
sans-serif (ex. Helvetica) 
monospace (ex. Courier New) 
は、次のような結果を生成します
.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" 
} 

をapp.css

したがって、sans-serif-condensedを使用しても期待される結果は得られません。

+0

Ok - フォントフォルダーに明示的にフォントを追加したのが分かります。しかし、それが組み込みのフォントなら、そのフォントは使えません。 {N}は/ fontsフォルダを探してから組み込みフォントを探しますか? – dashman

+0

RobotはNativeScript用のビルドインフォントではありませんので、実際にはそれをfontsフォルダに明示的に追加する必要があります –

+0

RobotoはAndroidのビルトインフォントですが、問題ありません。 sans-serifを使用している場合、NativescriptはRobotsをフォントフォルダに入れて使用します。フォントの面が似ているので、私には分かりにくいです。 – dashman

関連する問題