Gunakan Font yang Dapat Didownload

Mencoba cara Compose

Jetpack Compose adalah toolkit UI yang direkomendasikan untuk Android. Pelajari cara menggunakan teks di Compose.

Downloadable Fonts →

Fitur Font yang Dapat Didownload memungkinkan API meminta font dari aplikasi penyedia, bukan memaketkan file ke dalam aplikasi atau membiarkan aplikasi mendownload font. Font yang Dapat Didownload tersedia di perangkat yang menjalankan Android API versi 14 dan yang lebih tinggi melalui library AndroidX Core.

Font yang Dapat Didownload menawarkan manfaat berikut:

• Mengurangi ukuran aplikasi, sehingga meningkatkan tingkat keberhasilan penginstalan aplikasi.
• Meningkatkan kesehatan sistem secara keseluruhan, karena beberapa aplikasi dapat berbagi font yang sama melalui penyedia. Tindakan ini akan menghemat data seluler pengguna, memori ponsel, dan kapasitas disk. Dalam model ini, font diambil melalui jaringan jika diperlukan.

Untuk pengalaman langsung menggunakan Font yang Dapat Didownload, lihat aplikasi contoh DownloadableFonts.

Bagaimana cara kerja Font yang Dapat Didownload?

Penyedia font adalah aplikasi yang mengambil font dan menyimpannya dalam cache secara lokal sehingga aplikasi lain dapat meminta dan membagikan font. Gambar berikut menggambarkan prosesnya.

Gambar 1. Proses Font yang Dapat Didownload.

Dasar-dasar

Anda dapat menggunakan fitur Font yang Dapat Didownload dengan cara berikut, yang akan dibahas secara mendetail di bagian selanjutnya:

• Menggunakan Android Studio dan Layanan Google Play
• Secara terprogram
• Menggunakan library AndroidX Core

Menggunakan Font yang Dapat Didownload dengan Android Studio dan layanan Google Play

Anda dapat menyetel aplikasi Anda untuk mendownload font dengan menggunakan Android Studio 3.0 atau yang lebih tinggi. Untuk membantu Anda memulai fitur Font yang Dapat Didownload, Anda dapat menggunakan penyedia font dari layanan Google Play.

Catatan: Perangkat harus memiliki layanan Google Play versi 11 atau yang lebih tinggi untuk menggunakan penyedia Google Fonts.

1. Di Layout Editor, pilih TextView. Kemudian, di bagian Attributes, pilih fontFamily > More Fonts.

   

   Gambar 2. Menggunakan Layout Editor.

   Jendela Resource akan muncul.
2. Di menu Source, pilih Google Fonts.
3. Di kotak Fonts, pilih font di bagian "Downloadable".
4. Pilih Create downloadable font, lalu klik OK.

   

   Gambar 3. Memilih font dari jendela Resources.

Android Studio otomatis menghasilkan file XML relevan yang diperlukan untuk merender font dengan benar di aplikasi Anda.



Gambar 4. Melihat pratinjau file font.

Menggunakan Font yang Dapat Didownload secara terprogram

Mulai Android 8.0 (API level 26), AndroidX Core menyediakan dukungan penuh untuk Font yang Dapat Didownload. Untuk informasi selengkapnya tentang penggunaan library AndroidX Core, lihat bagian library AndroidX Core Font yang Dapat Didownload di halaman ini.

Untuk menggunakan fitur Font yang Dapat Didownload secara terprogram, berinteraksilah dengan dua class utama:

• android.graphics.fonts.FontRequest: class ini memungkinkan Anda membuat permintaan font.
• FontsContractCompat: class ini memungkinkan Anda membuat objek Typeface baru berdasarkan permintaan font.

Aplikasi Anda mengambil font dari penyedia font dengan menggunakan FontsContract API. Setiap penyedia memiliki serangkaian batasan tersendiri pada versi Android dan bahasa kueri yang didukungnya. Untuk mengetahui informasi selengkapnya tentang versi Android dan format kueri, lihat dokumentasi penyedia Anda.

Untuk mendownload font, selesaikan langkah-langkah berikut:

1. Buat instance class android.graphics.fonts.FontRequest untuk meminta font dari penyedia. Untuk membuat permintaan, teruskan parameter berikut:
   • Otoritas penyedia font.
   • Paket penyedia font untuk memverifikasi identitas penyedia.
   • Kueri string font. Untuk informasi selengkapnya tentang format kueri, lihat dokumentasi penyedia font Anda, seperti Google Fonts.
   • Daftar serangkaian hash untuk sertifikat guna memverifikasi identitas penyedia.
     Catatan: Anda tidak perlu menambahkan sertifikat jika meminta font dari penyedia yang sudah diinstal sebelumnya. Namun, selalu berikan sertifikat jika Anda meminta font melalui library AndroidX Core.

   Kotlin

   val request = FontRequest(
           "com.example.fontprovider.authority",
           "com.example.fontprovider",
           "my font",
           certs
   )
   

   Java

   FontRequest request = new FontRequest("com.example.fontprovider",
                      "com.example.fontprovider", "my font", certs);
   

   Catatan: Anda dapat menerima nilai parameter dari penyedia font Anda. Android Studio secara otomatis mengisi nilai ini untuk penyedia yang didukungnya di UI-nya.
2. Buat instance class FontsContract.FontRequestCallback.
3. Ganti metode onTypefaceRetrieved() untuk menunjukkan bahwa permintaan font telah selesai. Masukkan font yang diambil sebagai parameter. Anda dapat menggunakan metode ini untuk menetapkan font sesuai kebutuhan. Misalnya, Anda dapat menetapkan font pada TextView.
4. Ganti metode onTypefaceRequestFailed() untuk menerima informasi tentang error dalam proses permintaan font. Untuk informasi selengkapnya tentang kode error, lihat konstanta kode error.
5. Panggil metode FontsContract.requestFont() untuk mengambil font dari penyedia font. Metode ini memulai pemeriksaan untuk menentukan apakah font ada dalam cache. Jika font tidak tersedia secara lokal, metode akan memanggil penyedia font, mengambil font secara asinkron, dan meneruskan hasilnya ke callback. Teruskan parameter berikut:
   • Instance dari class Context
   • Instance class android.graphics.fonts.FontRequest
   • Callback untuk menerima hasil permintaan font
   • Pengendali untuk mengambil font pada thread
   Catatan: Pastikan handler ini bukan handler thread antarmuka pengguna.

Kode contoh berikut mengilustrasikan proses Font yang Dapat Didownload secara keseluruhan:

Kotlin

val request = FontRequest(
        "com.example.fontprovider.authority",
        "com.example.fontprovider",
        "my font",
        certs
)
val callback = object : FontsContract.FontRequestCallback() {

    override fun onTypefaceRetrieved(typeface: Typeface) {
        // Your code to use the font goes here.
        ...
    }

    override fun onTypefaceRequestFailed(reason: Int) {
        // Your code to deal with the failure goes here.
        ...
    }
}
FontsContract.requestFonts(context, request, handler, null, callback)

Java

FontRequest request = new FontRequest("com.example.fontprovider.authority",
        "com.example.fontprovider", "my font", certs);
FontsContract.FontRequestCallback callback =
    new FontsContract.FontRequestCallback() {
        @Override
        public void onTypefaceRetrieved(Typeface typeface) {
            // Your code to use the font goes here.
            ...
        }

        @Override
        public void onTypefaceRequestFailed(int reason) {
            // Your code to deal with the failure goes here.
            ...
        }
};
FontsContract.requestFonts(context, request, handler, null, callback);

Untuk informasi selengkapnya tentang cara mendownload font dari penyedia font, lihat aplikasi contoh DownloadableFonts.

Menggunakan Font yang Dapat Didownload dengan AndroidX Core

AndroidX Core menyediakan dukungan untuk fitur Font yang Dapat Didownload di perangkat yang menjalankan Android API versi 14 atau yang lebih tinggi. Paket androidx.core.provider berisi class FontsContractCompat dan FontRequest untuk mengimplementasikan dukungan fitur Font yang Dapat Didownload yang kompatibel dengan versi sebelumnya. Class AndroidX berisi metode yang mirip dengan metode framework, dan proses untuk mendownload font mirip dengan yang dijelaskan di bagian halaman ini tentang menggunakan Font yang Dapat Didownload secara terprogram.

Untuk mendownload font menggunakan AndroidX, impor class FontsContractCompat dan FontRequest dari paket androidx.core.provider. Buat instance class ini, bukan class framework FontsContract dan android.graphics.fonts.FontRequest.

Catatan: Anda harus memberikan sertifikat saat meminta font melalui library AndroidX Core. Hal ini berlaku bahkan untuk penyedia font yang sudah diinstal sebelumnya.

Menambahkan dependensi AndroidX Core

Untuk menggunakan class FontsContractCompat dan FontRequest, Anda harus mengubah dependensi classpath project aplikasi dalam lingkungan pengembangan Anda.

Untuk menambahkan AndroidX Core ke project aplikasi, tambahkan dependensi berikut ke file build.gradle aplikasi Anda:

Groovy

dependencies {
    ...
    implementation "androidx.core:core-ktx:2.2.0"
}

Kotlin

dependencies {
    ...
    implementation("androidx.core:core-ktx:2.2.0")
}

Menggunakan Font yang Dapat Didownload sebagai resource dalam XML

Android 8.0 (API level 26) dan AndroidX Core menawarkan cara yang lebih cepat dan praktis untuk mendeklarasikan font kustom sebagai resource dalam tata letak XML. Artinya, Anda tidak perlu memaketkan font sebagai aset. Anda dapat menentukan font kustom untuk seluruh tema, yang mempercepat kegunaan untuk beberapa bobot dan gaya, seperti tebal, sedang, atau ringan, jika disediakan.

1. Buat file XML baru di folder res/font.
2. Tambahkan elemen root <font-family> dan tetapkan atribut terkait font, seperti yang ditunjukkan dalam contoh file XML berikut:

<?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:android="http://schemas.android.com/apk/res/android"
        android:fontProviderAuthority="com.example.fontprovider.authority"
        android:fontProviderPackage="com.example.fontprovider"
        android:fontProviderQuery="example font"
        android:fontProviderCerts="@array/certs">
</font-family>

3. Lihat file sebagai @font/font_file_name dalam file XML tata letak. Anda juga dapat menggunakan metode getFont() untuk mengambil file secara terprogram, seperti getFont(R.font.font_file_name).

Deklarasikan font di awal dalam manifes

Perluasan tata letak dan pengambilan resource adalah tugas tersinkron. Secara default, upaya pertama untuk mengambil font memicu permintaan ke penyedia font, sehingga meningkatkan waktu proses tata letak pertama. Untuk menghindari penundaan, Anda dapat mendeklarasikan di awal font yang perlu diambil di dalam manifes. Setelah sistem mengambil font dari penyedia, font akan langsung tersedia. Jika pengambilan font memerlukan waktu lebih lama dari yang diperkirakan, sistem akan membatalkan proses pengambilan dan menggunakan font default.

Untuk melakukan pradeklarasi font dalam manifes, selesaikan langkah-langkah berikut:

1. Buat array resource di res/values/arrays.xml dan deklarasikan font yang ingin Anda ambil datanya.

res/values/arrays.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <array name="preloaded_fonts">
        <item>@font/font1</item>
        <item>@font/font2</item>
    </array>
</resources>

2. Gunakan tag meta-data untuk mendeklarasikan array resource dalam manifes.

<meta-data android:name="preloaded_fonts" android:resource="@array/preloaded_fonts" />

Menambahkan sertifikat

Jika penyedia font tidak diinstal sebelumnya, atau jika Anda menggunakan library AndroidX Core, deklarasikan sertifikat yang digunakan untuk menandatangani penyedia font. Sistem menggunakan sertifikat untuk memverifikasi identitas penyedia font.

Catatan: Android Studio dapat otomatis mengisi nilai untuk penyedia layanan Google Play jika Anda menggunakan alat pemilih font di Android Studio. Untuk mengetahui informasi selengkapnya tentang cara menggunakan Android Studio untuk mendownload font, lihat bagian Menggunakan Font yang Dapat Didownload dengan Android Studio dan layanan Google Play di halaman ini.

Lakukan langkah-langkah berikut untuk menambahkan sertifikat:

1. Buat array string dengan detail sertifikat. Untuk informasi selengkapnya tentang detail sertifikat, lihat dokumentasi penyedia font Anda.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="certs">
       <item>MIIEqDCCA5CgAwIBAgIJA071MA0GCSqGSIb3DQEBBAUAMIGUMQsww...</item>
    </string-array>
</resources>

2. Tetapkan atribut fontProviderCerts ke array.

android:fontProviderCerts="@array/certs"

Catatan: Jika penyedia memiliki lebih dari satu kumpulan sertifikat, Anda dapat menentukan array array string.

Font yang Dapat Didownload di Compose