Menggunakan Google Fonts sebagai Default di Proyek Flutter

Nur Alfian Julianda
DSF Web Services Engineering
3 min readDec 6, 2021

Artikel sebelumnya telah membahas bagaimana cara “Mengamankan Size Google Fonts di Aplikasi pada Proyek Flutter.” Kali ini kami akan memberikan tutorial tentang penggunaan Google Fonts sebagai default di framework tersebut.

Step 1: Buka Proyek Flutter

Sebelum mulai mempraktikkan tutorial ini, kita harus memiliki akun terlebih dahulu di Flutter. Jika Anda adalah pengguna baru Flutter, dapatkan tutorialnya di sini. Setelah itu, buat sebuah proyek sesuai dengan tutorial yang ada di tautan tersebut. Jika Anda sudah menjadi pengguna Flutter sebelumnya, buka proyek yang ingin Anda tetapkan default font-nya.

Step 2: Tambahkan Google_Fonts pada Dependencies Project

Cari file pubspec.yaml di proyek Flutter baru kita, lalu tambahkan kode seperti berikut:

Step 3: Set Default Font pada Project

Buat file bernama theme_config, lalu masukkan kode seperti berikut:

Lalu, set tema di main.dart seperti berikut:

Selanjutnya, jalankan proyek. Hasil yang akan tampil adalah sebagai berikut:

Sampai di sini, misi kita untuk “Menggunakan Google Fonts sebagai Default di Proyek Flutter” sebenarnya sudah berhasil. Lalu, bagaimana kalau kita ingin mengubah font di salah satu widget saja? Kita bisa mengikuti langkah berikut:

Step 4: Ubah Font pada Salah Satu Widget

Untuk mengubah salah satu widget sebenarnya sangat mudah. Tambahkan kode atau ubah widget seperti berikut:

Selanjutnya, jalankan aplikasi dan hasilnya akan seperti berikut:

Bagaimana? Mudah bukan? xD

Sekian tutorial kali ini. Sampai bertemu di artikel selanjutnya. Terima kasih.

Reference

--

--