2017-07-17 11 views
1

React Nativeアプリに2つのフォントを追加しました。 1つはMyFont-Regularで、もう1つはMyFont-Boldです。私はfontFamily: 'MyFont-Regular'fontFamily: 'MyFont-Bold'とそれらを使用することができます。しかし、RegularフォントをfontFamily: 'MyFont'boldstyle: {fontFamily: 'MyFont', fontWeight: 'bold'としたいと思います。いくつかの回避策がありますか?反応ネイティブのカスタム追加フォントにフォントウェイトを追加

私は私のpackage.jsonファイル内

"rnpm": { "assets": ["some_path/fonts"] }

を使用して資産としてのフォントを追加しました。

答えて

1

STEP 1:あなたが./assets/fonts/フォルダを持っていると仮定するとは、ちょうどあなたのフォントファイルMyFont名前を付けます。

STEP 2:はその後、あなたの./package.jsonにこのコードを追加します。

“rnpm”: { 
    “assets”: [“./assets/fonts”] 
} 

STEP 3:ターミナルでラン:

$反応し、ネイティブリンク

このようething: たfontWeight: '大胆' OR たfontWeight:700

UPDATE:あなたはそれを太字にしたい場合は

enter image description here

することは、あなたはそれのようなのスタイルを設定することができます私たちが話しているフォントがPensum Proであることを知って、複数のフォントウェイトに対して同じフォントファイルを使用することはできません。

編集#1:タイプミス

編集#2:それはあなたのために動作しない場合は、情報

+0

を追加したコメントと私は助けしようとするでしょう。 – Pic

+0

私はfontFamily: 'MyFont-Regular'、fontWeight: 'bold'を試しましたが、うまくいかなかった。レギュラー部分を削除し、それがうまくいくかどうかを確認します。 – giliev

+0

どのフォントですか?いくつかのフォントは様々な重みをサポートしていないので、 すなわち前記フォントは500以上のサポートしかないかもしれません。 – Pic

関連する問題