2017-07-17 3 views
1

Ich habe 2 Schriftarten in React Native App hinzugefügt. Der eine ist: MyFont-Regular und der andere ist MyFont-Bold. Ich kann sie mit fontFamily: 'MyFont-Regular' und fontFamily: 'MyFont-Bold' verwenden. Ich möchte jedoch die Schriftart Regular als fontFamily: 'MyFont' und die bold als style: {fontFamily: 'MyFont', fontWeight: 'bold' verwenden. Gibt es eine Umgehungsmöglichkeit?Hinzufügen von Schriftgröße zu benutzerdefinierten Schriftart in react-native

habe ich die Schriften als Vermögenswerte

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

in meiner package.json-Datei.

Antwort

1

Schritt 1: Angenommen, Sie haben einen ./assets/fonts/ Ordner, benennen Sie einfach Ihre Font-Datei MyFont.

SCHRITT 2: Dann fügen Sie diesen Code auf Ihre ./package.json:

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

Schritt 3: Run in Terminal:

$ reagieren-native link

Sie sollten dann som sehen ething wie folgt aus:

enter image description here

Wenn Sie es fett machen möchten, können Sie es wie Stil kann: fontweight: 'fett' OR fontweight: 700

UPDATE: Da es sich bei der Schriftart, über die wir sprechen, um Pensum Pro handelt, ist es nicht möglich, dieselbe Schriftart für mehrere Schriftarten zu verwenden.

bearbeiten # 1: Tippfehler

bearbeiten # 2: hinzugefügt info

+0

Wenn es für Sie nicht klappt, Kommentar und ich werde versuchen zu helfen. – Pic

+0

Ich versuchte fontFamily: 'MyFont-Regular', fontWeight: 'fett', aber es hat nicht funktioniert. Will versuchen, den regulären Teil zu entfernen und zu sehen, ob das funktioniert. – giliev

+0

Welcher Font ist das? Weil einige Schriftarten verschiedene Gewichtungen nicht unterstützen, , d. H. Diese Schriftart kann nur 500 Unterstützung haben oder 700 usw. – Pic

Verwandte Themen