Nie ma różnicy między czcionką cienka i lekka waga w systemie iOS podczas dodawania niestandardowej czcionki do mojej oryginalnej aplikacji reagowania.

Question

Właśnie dodałem niestandardową czcionkę do mojej aplikacji natywnej w trybie reakcji (https://fonts.google.com/specimen/Josefin+Sans).

JosefinSans-Bold.ttf 
JosefinSans-BoldItalic.ttf 
JosefinSans-Italic.ttf 
JosefinSans-Light.ttf 
JosefinSans-LightItalic.ttf 
JosefinSans-Regular.ttf 
JosefinSans-SemiBold.ttf 
JosefinSans-SemiBoldItalic.ttf 
JosefinSans-Thin.ttf 
JosefinSans-ThinItalic.ttf 

I powiązane pliki czcionek uruchamiając react-native link po dodaniu

"rnpm": { 
    "assets": [ 
    "path/to/my/font/files" 
    ] 
}, 

do mojego package.json

Następnie używać czcionki w mojej aplikacji tak:

customFont: { 
    fontFamily: 'Josefin Sans', 
}, 
thin: { 
    fontWeight: '100' 
}, 
light: { 
    fontWeight: '300' 
}, 
semiBold: { 
    fontWeight: '600' 
}, 
bold: { 
    fontWeight: '700' 
}, 
italic: { 
    fontStyle: 'italic' 
}, 

iOS simulator screenshot of the different fontWeight and fontStyle

Problem polega na tym, że nie ma różnicy między thin(fontWeight: '100') & the .

Co próbowałem dotąd:

• Próbowałem z inną czcionkę z czcionek Google (taki sam problem).
• Próbowałem uruchomić aplikację na rzeczywistym urządzeniu (a nie na symulatorze), ale na próżno.
• próbował użyć domyślnej czcionki iOS z tych fontWeights: thin i light są naprawdę rozpoznawalny
• wyświetlony czcionek rzeczywiste nazwy (JosefinSans-Light i JosefinSans-Thin) w Xcode z:

_

for (NSString* family in [UIFont familyNames]) 
{ 
    NSLog(@"%@", family); 
    for (NSString* name in [UIFont fontNamesForFamilyName: family]) 
    { NSLog(@" %@", name); } 
} 

Czy ktoś miał ten sam problem? Jakieś pomysły, jak to naprawić i wyświetlić rzeczywistą grubość cienkich i lekkich czcionek?

Thanks a lot

Answer 1

wierzę, trzeba użyć innego fontFamily styl dla każdej wagi, jeśli chodzi o niestandardowych czcionek.

Więc w tym przypadku, co chcesz coś takiego dla swoich stylów (nazwy mogą być nieco off, ale masz pomysł):

customFont: { 
    fontFamily: 'Josefin Sans' 
}, 
thin: { 
    fontFamily: 'Josefin Sans-Thin' 
}, 
light: { 
    fontFamily: 'Josefin Sans-Light' 
}, 
semiBold: { 
    fontFamily: 'Josefin Sans-SemiBold' 
}, 
bold: { 
    fontFamily: 'Josefin Sans-Bold' 
}, 
italic: { 
    fontFamily: 'Josefin Sans-Italic' 
} 

... 

Oczywiście, nie krępuj się dodać dodatkowe style jak ty uznają za stosowne. W tym celu możesz również zmienić customFont na regular.