Menerapkan Custom Font/Font Family pada Aplikasi Android

Yoesuv 17.19 Android , Kotlin Tidak ada komentar

Untuk mengganti atau menerapkan font pada aplikasi android secara efektif dan efisien, sekarang sudah lebih mudah. biasanya dulu membuat custom textview yang diextend untuk diset typefacenya.

aplikasinya seperti berikut ini.menggunakan navigation component dan ada tab + viewpager.

untuk memulainya pertama buat resource baru. klik kanan res -> new -> Android Resource Directory dan pilih font.

selanjutnya copy file font yang akan digunakan. disini menggunakan Pacifico dan Raleway.

selanjutnya adalah membuat xml font. misal yang raleway kan ada dua jenis regular dan bold. akan disatukan kedalam satu xml.

klik kanan pada font -> New -> Font Resource File dan beri nama xmlnya. berikut merupakan xml dari font raleway.

	<?xml version="1.0" encoding="utf-8"?>
	<font-family xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto">

	<font
	android:fontStyle="normal"
	android:font="@font/raleway_regular"
	android:fontWeight="400"
	app:fontStyle="normal"
	app:font="@font/raleway_regular"
	app:fontWeight="400"/>

	<font
	android:fontStyle="normal"
	android:font="@font/raleway_bold"
	android:fontWeight="700"
	app:fontStyle="normal"
	app:font="@font/raleway_bold"
	app:fontWeight="700"/>

	</font-family>

view raw raleway.xml hosted with ❤ by GitHub

selanjutnya untuk font pacifico juga sama. buat xml font baru dengan jenis font pacifico. jika sudah selesai xml font akan dimasukkan ke dalam style. berikut contoh stylenya. ada dua style yang pertama untuk style global yang kedua untuk toolbar. (cek contoh aplikasi pada gambar post paling atas)

jalankan maka font akan sesuai dengan yang ditambahkan.dengan memakai cara ini maka semua font akan otomatis diganti misal bottom navigation, tab bar viewpager dan popup menu yang biasanya tidak otomatis terganti.

untuk lebih jelasnya bisa langsung cek repository githubnya.
selamat mencoba.