2017-02-23 9 views
1

React NativeプロジェクトにLinux Biolinumフォント(http://www.dafont.com/linux-biolinum.font、LinBiolinum_R.ttf、LinBiolinum_RB.ttf)を追加しました。 Androidのバージョンは問題ありません。しかし、私はいつもエラー"認識できないフォントファミリーLinBiolinum_R"が表示されます。iOSシミュレータの認識できないフォントファミリがReact Nativeである

enter image description here

私のスタイルは、次のとおりです。

customFontRegular: { 
    fontFamily: 'LinBiolinum_R', 
}, 

私は "MyFont" にフォントファイルとフォントファミリの名前を変更するtryiedましたが、エラーは、iOS上で、再び表示されます。

アイデア?

+0

customFontRegularしてみてください:はい、私は同様の問題は、Androidは、ファイルの名前を使用しますが、IOSは、フォントの「実際の名前」を使用しています(それができることだった、 – Fantasim

答えて

10

Androidではファイルの名前が使用されます。しかし、iOSではもう少し複雑です。

あなたが取るべきいくつかのステップがあります。

  • は必ずそれらがステップに含まれている「コピーバンドルリソース」
  • くださいダブルフォントファイルをXCodeの
  • にターゲットに含まれているチェック
  • あなたのAppDelegateにFontBookを介して、またはいくつかのログステートメントで
のフォントの名前を探すアプリ
  • のInfo.plistファイルに含めます

    詳細はこちら http://codewithchris.com/common-mistakes-with-adding-custom-fonts-to-your-ios-app/

    幸運!

  • +1

    :{「LinBiolinum R」、 のfontFamilyを}ファイル名とは異なります)。 – sodik

    +0

    私は答えを受け入れました。私はログ内のフォントの名前を確認しました。フォントの名前はLinBiolinumとLinBiolinumBでなければなりません。ありがとうございました。 – anivaler

    +0

    ありがとう、うれしかった! –

    1

    私の場合は、ファイルの名前をフォントの名前(ファイルを開くときに表示される)に変更しました。

    +0

    これは私のフォントは、私のフォント(私は問題と思われる)にスペースがあったとしても、実際には関係ありませんでした。 –

    関連する問題