React Native Custom Fonts // Pro Tip

In this tutorial, we look at why you need to use custom font files with react native and how you can use custom font files for iOS and well and Android as simply as possible.

Thanks to all the channel supporters, I can create this full course for React Professionals looking to quickly level up to React Native.

-- React Native for Professionals --

🏷 #basarat #TypeScript #JavaScript #React #ReactNative #Tutorial

👇 ❤️ Subscribe for MOORE ❤️ 👇

🌹 Support 🌹

~

[gleamofcolor]

It doesn't work. It throws error the font family is not a system font family and suggest to use font..loadasync

[absntmndd]

Thank you, this video is very helpful.
One caveat though - FontBook does not contain "Full Name" for any of the fonts I tested. May be Apple changed this at some point.
I had to "figure out" the Full name by joining the family name with the style name. So for Family Name: Open Sans and Style Name: Italic, the "Full Name" would be "Open Sans Italic".
An alternative is to all of the above is to use the "PostScript Name" (which also works!) instead of trying to figure out a "Full Name" for yourself.

[rickcode]

Sonora OS doesn't have the Full Name.

[snk]

Need example with Nativewind. Shit is so confusing.

[megatronskneecap]

This video doesn't work. If you're using expo you need to use expo-fonts.

[wiaanduvenhage]

Hi! Thanks for the tutorial! But I'm getting an error "If this is a custom font, be sure to load it with Font.loadAsync. " So does this method not work anymore?

[javhaasuhochir]

my font is kinda buggy in ios. sometimes the font just not working

[zeeshanalikhan]

Hi! How can one setup it globally? I tried this way but its not ideal because you have to manually type fontFamily for each Text Input. Please make tutorial to setup it once globally as default. I have seen package name "react-native-global-font" but that wasn''t useful in my case. TIA

[andrejkling]

All works very nice ... that´s great lesson 🔥💯 thank you

[EntropyOnTheCrosshair]

fontFamily was not loaded through FontLoadAsync

[starzzspace]

best explaanation, only content not time wasting. thanks you👌👌😃

[roadtrpr]

Great. Font Size 60, now get the font sized on every type of screen, and handle phone font size systemsettings.
That's what I want to know. On some screens 60 is too big, and on other its too small. I want the same proportion on every screen. Can anyone help me with that ?

[patresito]

My font wasn't working on Android and this is exactly why. Thanks a lot!

[ferwchi]

It worked on iOS, but not on Android. Am I missing any step? Like changing something in gradle or any other config file?
The files are present on android/app/src/main/assets/fonts, but when I open Android Studio there's ANOTHER fonts folder on the same hierarchy level with some default fonts (I guess).

[mymy]

what happens if we have 2 kind of fonts?

[ibrahimali]

bro its not wroking for bold fontweight only working for regular font

[Vincetroid]

Thanks, it works, really straightforward. Do you think can also be done with babel?

[mohammadumar]

bhai ap jaisi videos banai ho tou kya kya learn krna pary ga related to video editing ?

[malhartrivedi]

Thanks, it works, it was really handy

[Reyescult]

Man, the 'Font Full Name' saved by bacon. Thank you!