Gunakan Font yang Dapat Didownload

Coba cara Compose

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

Font yang Dapat Didownload →

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 dikirim melalui jaringan jika diperlukan.

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

Bagaimana cara kerja Font yang Dapat Didownload?

Penyedia font adalah aplikasi yang mengambil font dan membuat cache secara lokal sehingga aplikasi lain dapat meminta dan berbagi 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 Core AndroidX

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 mulai menggunakan 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 Resources akan muncul.
2. Di menu Source, pilih Google Fonts.
3. Dalam kotak Fonts, pilih font di area "Dapat didownload".
4. Pilih Create downloadable font, lalu klik OK.

   

   Gambar 3. Memilih font dari jendela Resources.

Android Studio otomatis membuat 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 (level API 26), AndroidX Core memberikan dukungan penuh untuk Font yang Dapat Didownload. Untuk informasi selengkapnya tentang cara menggunakan 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 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: Tidak perlu menambahkan sertifikat jika Anda 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 otomatis mengisi nilai ini untuk penyedia yang didukung 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 menyetel font pada TextView.
4. Ganti metode onTypefaceRequestFailed() untuk menerima informasi tentang error dalam proses permintaan font. Untuk mengetahui 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 class Context
   • Instance class android.graphics.fonts.FontRequest
   • Callback untuk menerima hasil permintaan font
   • Handler 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 mengetahui informasi selengkapnya tentang cara mendownload font dari penyedia font, lihat aplikasi contoh DownloadableFonts.

Menggunakan Font yang Dapat Didownload dengan AndroidX Core

AndroidX Core memberikan dukungan untuk fitur Font yang Dapat Didownload pada perangkat yang menjalankan Android API versi 14 atau yang lebih tinggi. Paket androidx.core.provider berisi class FontsContractCompat dan FontRequest untuk mengimplementasikan dukungan fitur kompatibilitas mundur Font yang Dapat Didownload. Class AndroidX berisi metode yang mirip dengan metode framework, dan proses mendownload font mirip dengan yang dijelaskan di bagian pada 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 AndroidX Core library. 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 di dalam lingkungan pengembangan Anda.

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

Groovy

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

Kotlin

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

Menggunakan Font yang Dapat Didownload sebagai resource dalam XML

Android 8.0 (level API 26) dan AndroidX Core menawarkan cara yang lebih cepat dan praktis untuk mendeklarasikan font kustom sebagai resource dalam tata letak XML. Artinya, font tidak perlu dipaketkan 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).

Mendeklarasikan font sebelumnya di 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 lebih dulu.

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 Anda.

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

Tambahkan sertifikat

Jika penyedia font belum terinstal, atau jika Anda menggunakan library AndroidX Core, nyatakan sertifikat yang telah ditandatangani dengan 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 mengetahui 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 set sertifikat, Anda dapat menentukan array dari array string.

Font yang Dapat Didownload di Compose