2017-01-13 2 views
2

Galano Grotesque xxx.otfフォント(xxx = Alt Black、Alt Black Boldなど)のファイルをインポートしました。これはAndroidではなく、iOS上の魅力のように機能します。 Androidでアプリを実行すると、フォントは読み込まれません。NativeScript:Android上でフォントファミリが読み込まれない

私はこれを使用しています:

Label { 
    font-family: "Galano Grotesque"; 
    color: #5b5b5f; 
} 

を、私はこの記事を見つけた - Android Not Showing Font Icon In NativeScript - と私は

Label { 
    font-family: "Galano Grotesque", galano grotesque; 
    color: #5b5b5f; 
} 

が、成功せずにこれを試してみました:(

は、誰が何を私ができる知っていそれを解決するには?

ありがとう

+0

レアンドロであることを確認して言ったすべてのこと。解決するための大雑把なアプローチは、フォントファミリのすべてのスタイルバリエーションを作成することです。引用符を使わずにフォントを引用符で囲み、名前の中のスペースを引用符で囲みます。したがって、フォント名のすべてのバリエーションをカバーします。フォントファイルを開くことができれば、実際の名前を見ることができます。また、それは.ttfですか? –

答えて

3

iOSとAndroidでフォントを操作する際の主な考慮事項が1つあります。 iOSでフォントを使用するには、正確にフォント名を使用する必要があります(これはファイル名ではありません)。Androidでは、フォントはその特定ののファイル名で参照する必要があります。

例: あなたは(この1つはデモの目的のために自由である)hereからGalanoグロテスクDEMO太字フォントを使用していると仮定しましょう

Rene Bieder - Galano Grotesque DEMO Bold.otf 
を次のように ファイル名があることがわかりますダウンロードした場合には

フォント名(MacではFontBookアプリを開いてポップアップの上部に表示されるフォント名を参照してください)Windowsフォントビューアでフォントを開き、フォント名を探します

Galano Grotesque DEMO 

だから、iOSの中でそれを使用するには、あなたが

font-family: "Galano Grotesque DEMO"; 

とAndroidのために使用する必要があり、あなたはもちろん

font-family: "Rene Bieder - Galano Grotesque DEMO Bold"; 

を使用する必要があり、ベストプラクティスは、実際何であるかを確認することです正確な名前でファイルの名前を変更して、iOSとAndroidの両方で異なるCSSファイルを使用しないで再利用できるようにします。

これはプライベートなフォントである場合は、それがロードしていない理由を調べるために私と一緒にフォントファイルを共有することができますAndroidの下にファイル名を確認し、CSSファイル内の参照が同じ

+0

このフォントは、同じフォントの複数の重みを持つことでどうしますか?私は "[フォント名] Regular.ttf"と "[フォント名] SemiBold.ttf"を持って、私は "フォントファミリ:[フォント名];フォントウェイトを使ってセミボールドを含むようにしています。 600;」だが、Androidはそれを見つけることができない。 – Aaron

関連する問題