Tutorial Android Menggunakan Font Khusus

Dalam aplikasi android Anda, jika Anda ingin menggunakan font eksternal atau kustom yang tidak didukung oleh platform android, Anda dapat melakukannya dengan menyediakan file font, mengkonfigurasi font dan menerapkan keluarga font kustom ke widget teks dalam aplikasi.

Android 8.0 (API 26) memperkenalkan fitur baru, font dalam xml, menggunakan mana Anda dapat menggunakan font sebagai sumber daya. Satu lagi fitur penting terkait font yang diperkenalkan di Android 8.0 (API 26) adalah file font dapat diunduh dari otoritas font. Fitur font yang dapat diunduh ini mengurangi ukuran aplikasi Anda karena Anda tidak perlu menyertakan file font di aplikasi Anda.

Dalam tutorial ini, Anda dapat belajar menggunakan font kustom dalam aplikasi android dengan menyertakan file font di aplikasi dan menggunakan Android 8.0 (API 26) font dalam fitur xml.

Untuk kompatibilitas mundur, Anda dapat menggunakan versi pustaka dukungan android 26. Font sebagai fitur sumber daya xml bekerja pada perangkat dengan versi api android 14 dan lebih tinggi.

Di bawah ini adalah langkah-langkah untuk mengkonfigurasi font kustom di android.

Tambahkan Support Library 26 ke Project

Tambahkan entri di bawah ini ke file membangun gradle modul.

dependencies {
    . . . 
    implementation 'com.android.support:support-compat:26.0.1'
}

File Font Custom

Dapatkan file font yang terkait dengan font eksternal atau khusus yang ingin Anda gunakan dalam aplikasi Anda. Karena kita akan menggunakan Google font di contoh aplikasi android kami, saya mengunduh file font google ubuntu dari font google .

Folder Font

Selanjutnya, Anda perlu membuat folder font di bawah folder res dan menyimpan file font kustom di dalamnya. Anda dapat merujuk ke font di bawah gambar menggunakan konstanta seperti R.font.ubuntu_regular, R.font. ubuntu_medium dan R.font. ubuntu_bold7 dan menggunakannya dalam aplikasi.

Buat Font Family

Daripada merujuk ke font secara individual, Anda dapat menentukan font family yang berisi font dari file font yang berbeda dengan berat dan gaya yang berbeda seperti yang ditunjukkan di bawah ini. Anda dapat merujuk ke fontfamily xml di aplikasi Anda dengan menggunakan konstanta sumber daya seperti R.font.filename.

 <?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:android="http://schemas.android.com/apk/res/android">
    <font
        android:fontStyle="normal"
        android:fontWeight="400"
        android:font="@font/ubuntu_regular" />
    <font
        android:fontStyle="normal"
        android:fontWeight="500"
        android:font="@font/ubuntu_medium" />
    <font
        android:fontStyle="normal"
        android:fontWeight="500"
        android:font="@font/ubuntu_bold7" />
    <font
        android:fontStyle="italic"
        android:fontWeight="400"
        android:font="@font/ubuntu_italic" />
</font-family>

Menggunakan Font Custom

Anda dapat menggunakan font kustom pada widget dengan mengatur atribut fontfamily dari widet atau dengan menentukan gaya khusus dan menggunakannya.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android.support.design="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/textView2"
        android:fontFamily="@font/ubuntu"
        . . ./>
    <TextView
        android:id="@+id/textView3"
        android:fontFamily="@font/ubuntu"
        android:textStyle="bold"
       . . . />
    <TextView
        android:id="@+id/textView4"
        android:fontFamily="@font/ubuntu"
        android:textStyle="italic"
	. . . />

Output tata letak di atas dengan font kustom.

 <style name="CustomFont" parent="TextAppearance.AppCompat.Title">
    <item name="android:fontFamily">@font/ubuntu</item>
</style>

Menggunakan Font Kustom Secara Programatis

TextView textView = (TextView) findViewById(R.id.textView2);
Typeface typeface = getResources().getFont(R.font.ubuntu);
textView.setTypeface(typeface);

Keep Coding ~

Share this post