Using custom Fonts and applying it globally across the application
More recently, I had the need to implement a custom font for my app, and also apply it globally to the entire app (Including fontFamily in every <Text> tag seemed such a chore. After overdosing on google, and stackoverflow(our common chum! for all things code), I found the cleanest way to do it. So, here goes: Step 1. Include the custom Font in your app. Download the custom font. Note that it should have either the .ttf (TrueType font) or .otf (OpenType Font) extension. Both are supported by React Native. What is the difference? the OpenType font format (OTF) is the preferred choice for most professional designers because of its advanced typographic features and smaller file sizes. OTF files offer a much wider range of possibilities regarding type design. Plus, they provide better readability across multiple devices and platforms. They’re more modern-looking and offer a higher level of detail than TTF fonts. However, for average users, who do not need additional features lik...