Amankan Size Google Fonts di Aplikasi pada Proyek Flutter

Nur Alfian Julianda
DSF Web Services Engineering
3 min readNov 24, 2021

Dalam melakukan pekerjaan sehari-hari, saya dan tim sering menggunakan Flutter. Kali ini, saya menemukan sebuah masalah terkait dengan penggunaan font di salah satu proyek Flutter, yaitu aplikasi Star Xperience.

Cover by DSF Web Services

Pada program Flutter, terdapat sebuah plugin bernama Google Fonts. Di proyek ini kami menggunakan custom font sesuai tutorial berikut: Use Custom Font. Font yang kami pakai sudah sesuai dengan desain di Figma dari developer UI/UX. Namun, masih terjadi kendala.

Apa Masalahnya?

Ketika menerapkan fitur baru, ada font baru yang kami pakai. Masalahnya ukuran font tersebut cukup besar. Untuk menerapkan satu font saja, ukurannya sudah cukup besar. Belum jika kami menggunakan dua, tiga, atau banyak font.

Apa Solusinya?

Google Fonts kini dipakai oleh mayoritas programmer Flutter karena dianggap dapat memberikan solusi yang mudah dan lengkap untuk mencari font sesuai desain dari UI/UX desainer. Kami menggunakan plugin ini dan menyimpan dengan format font .otf. Ternyata, format ini memiliki size lebih besar. Kami mencoba format lain, yaitu .ttf. Sebagai referensi, informasi tentang format font dapat dibaca di link ini.

Bagaimana Hasilnya?

Sebelum
Sesudah

Seperti tampak pada gambar di atas, ukuran aplikasi sangat berkurang ketika format font diubah dari .otf ke .ttf. Pengurangan kapasitasnya mencapai lebih dari 10 MB.

Google Fonts juga memberikan kemudahan lain bagi para programmer Flutter. Kita tidak lagi dibuat ribet ketika harus menambahkan font. Tak harus download, programmer dapat melakukan import aset dan inisialisasi aset seperti gambar paling atas. Hal praktis seperti ini sangat menghemat waktu dan tenaga saat kita harus menggunakan lebih dari lima font.

Okay, sekian solusi “Meminimalkan Size Aplikasi Google Fonts di Proyek Flutter”. Untuk lebih detail terkait Google Fonts dan tutorialnya akan dibahas di artikel selanjutnya. Sampai bertemu lagi.

Terima kasih.

Reference

--

--