Support italics in custom fonts.

[jennifer-dickinson]

Is your feature request related to a problem? Please describe.
One issue I'm having is setting custom fonts with italics. There isn't any support for custom fonts with italics when setting the theme. Further if you do set fonts in the custom theme, the Text component will no longer actually italicize the text. This has resulted in always have to create our own custom Text components.

Describe the solution you'd like
Add support for italicizing with custom fonts.

Describe alternatives you've considered
Creating our own custom components that wrap around the Text component to overwrite the fonts. The issue is still persistent in external library components that use Paper's Text component.

[lukewalczak]

Hey @jennifersalas, could you please provide more details about your issue, with setting custom font, maybe you can provide the snack. Please also provide some infomration like Paper version or platform which it affects.

[Streudal]

I may be able to shed some light on this since this happened to me today. Problem for me seems to only effect iOS.

I am using Typescript with React Native but had no need to create customVariants via the fontConfig. Only the need to change the default fontFamily to the Inter font.

react-native: 0.71.3
"react-native-paper": "5.5.0"

I added in a custom font (Inter) and just wanted the default 'fontFamily' to be that font from following these instructions in the docs.

This all worked great until I tried to change the fontStyle property to 'italic' and it didn't take effect on iOS. It worked fine on Android.

Here is what I was getting:

iOS

Android

You can clearly see the iOS text is not italicized but the Android text is.

Also, I think what was mentioned by @jennifersalas is that there is also no configuration to set the fontStyle in the fontConfig but everything else related to fonts you can.

Hopefully this helps!