Font Family React Native
Sep 3, 2018 · 2 min read
- Download ttf.
- Add font to assets ( new folder ).
- Edit package.json.
- Add font to android.
- React native styles.
Download ttf
Jika tidak menggunakan library untuk UI seperti native base yang artinya pure component, maka kita perlu dowload font untuk peroperti fontFamily pada style component kita.
Untuk ttf bisa kita donwload di sini.
Masuk tempat hasil donwload, yang biasanya ada di direktori Downloads , biasanya hasil dari donwloadnya adalah file zip, extract !
Add font to assets ( new folder )

Buat folder assets didalam folder project kita, lalu masukkan copy ttf ke dalamnya. Contoh diatas menggunakan DSMArkerFelt.ttf.
Edit package.json
Tambahkan code di atas kedalam file package.json
Kemudian kita link dengan react-native link
Add font to android
Di android, jika kita melihat ke file path android/app/src/main/assets/fonts/ maka kita akan melihat fontsnya sudah tercopy

React native styles
Done !

