Cara Mudah Custom Font pada Flutter

Terkadang cukup ribet ya setiap menggunakan Widget Text kita harus mengatur font yang digunakan terlebih dahulu agar sama dengan font yang kita gunakan di widget text sebelumnya, apalagi font yang digunakan pada aplikasi hanya satu font saja 🙂 .

OK, Assalamu’alaikum Warahmatullhi Wabarakatuh Sobat Uda dan Uni.. Semoga dalam sehat ya.

Terkait masalah diatas, pada artikel kali ini kita akan membahas bagaimana cara membuat font tersebut agar digunakan di seluruh widget text di Flutter. Let’s Get Started!

Jadi pertama-tama, kita download dulu ya, Font yang akan kita gunakan di https://fonts.google.com/

Setelah font berhasil di download dan di ekstrak, selanjutnya tambahkan jenis font yang akan kita gunakan pada project aplikasi Flutter, seperti berikut :

Lalu, instal terlebih dahulu font tersebut pada pubspec.yaml lalu klik Pub get

Nah, terakhir baru deh kita tambahkan nama font yang kita tambahkan di pubspec.yaml pada Class yang MyApprt pada widget ThemeData di tepatnya di fontFamily, seperti berikut:

Dengan begitu kita tidak perlu menambahkan fontFamily lagi di widget Text, Mudah bukan? Ok teman-teman sekian artikel kali ini.. semoga bermanfaat, Semangaat ^ ^

spot_imgspot_img

Subscribe

Related articles

Memanfaatkan Include Dan Required Function Pada PHP

 Halo teman-teman sobat baraja udacoding, selamat datang kembali di...

CARA MEMBUAT KONEKSI DATABASE DI PHP

Halo teman-teman, selamat datang kembali di baraja uda coding....

Pseudo Class Dan Penggunaannya part 2

Anchor Pseudo-classesMerubah link dengan beberapa cara yang berbeda tergantung...

Gridview and Container with Random Colors

Hallo sobat flutter, selamat pagi, siang, sore, malam. Apa...

Mengenal Pseudo Element Dan Penggunaannya part 2

Seperti yang kita semua ketahui tentang Pseudo Element pada artikel...
spot_imgspot_img
Previous articleFilosofi Warna
Next articleHow to Custom ButtonTabbar

LEAVE A REPLY

Please enter your comment!
Please enter your name here