I just started learning React Native and I have to admit that, it’s super easy to start with and hot-reloading makes it amazing to develop and reload the application in no time.
But is that all? A big NO.
Being a UI designer, fonts matter a lot to me and the custom fonts play an important role when it comes to building a decent looking user interface.
Today, I’ll show you how easy it is to add and use custom fonts in your React Native project.
Step 1: Open terminal, go to the project root directory and run
mkdir assets && mkdir assets/fonts
Step 2: Copy your custom font to the **assets/fonts**
folder.
Step 3: Create a file in the root directory with as:
touch react-native.config.js
Step 4: In **react-native.config.js**
file add the below code snippet
module.exports = {
assets: ["./assets/fonts"]
}
#react-native #javascript