Custom Font Family being implement is not working correctly in Android but is working fine in IOS

[ThomasTeoSY]

const DEFAULT_PROPS = {
classesStyles: {
"category-type": {
fontSize: 15,
color: appGlobal.COLOR_42,
letterSpacing: 2,
lineHeight: 30,
fontFamily: "ProximaNova-Semibold"
},
"discount-percentage": {
fontSize: 18,
color: appGlobal.COLOR_42,
fontFamily: "Trirong-Italic",
},
},
};

var htmlRichText = <span class="category-type">Testing 1<br /></span><span class="discount-percentage">Testing 2</span>;

1s Image

Issue: As shown in the 1st image, the text "Testing 2" did go in italic, and font family implementation seems to be working fine. However, the correct custom font family should look like as below 2nd image. (Kindly please refer to 2nd image in below).
Please advise if whether I had missed out on any setting and anything more require from my side. Thanks in advance.

2nd Image

[jsamr]

You should never use postscript font names, that is a name which includes the style and weight such as Trirong-Italic, because those font names will not be matched when the fontStyle or fontWeight is set on Android. Instead, you should stick to the font family name (Tirong) with a modifier (fontStyle: "italic"), and configure your project to include those font declarations in Android and iOS. See this tutorial: https://stackoverflow.com/a/70247374/2779871