Cara Menambah Font Baru Pada React Native

 

gambar: unsplashed

Terkadang saat kita membuat aplikasi di React Native untuk keperluan mobile. Untuk memperindah dan mempercantk tampilan, kita membutuhkan custom font. Hal ini bisa menjadikan UI aplikasi kita lebih bervariasi dan gak itu itu aja

Secara default, React Native sudah memiliki gaya font tersendiri. Namun ga ada salahnya, kalo kita ingin menambahkannya dan meng custom dari pihak ketiga seperti Google Font, Dafont atau font font yang kita download

Bagaimana Caranya?

Langkah Langkah

Download Font Yang Diinginkan

Kalian bisa pergi ke situs situs yang menyediakan font font gratis. Salah satu situs yang paling kita kenal adalah Dafont

dafont
Extract font yang sudah didownload. Biasanya berbentuk file .zip

Buat Folder Baru Bernama assets

Letakkan di folder ./android/app/src/main
 

.android/app/src/main

Isi folder assets dengan font yang sudah kita download dan extract. Untuk font biasanya ia berbentuk .ttf

Gunakan Pada Style Sesuai Dengan Nama Font

fontFamily:'nama font yang diinginkan'

Kita lihat bagaimana hasilnya

hasil akhir

 

Kesimpulan

Sebenarnya sangat sederhana sekali untuk menambahkan font suka suka pada project React Native. Hanya dengan memindahkan ke dalam folder tertentu saja, dan mengetikkan nama font yang diinginkan. Kini aplikasi kita bisa memiliki font sesuai dengan selera

Sumber: instagram.com/komputisme


Comments

Video Baru!