Utiliser des polices téléchargeables

Essayer Compose
Jetpack Compose est le kit d'outils d'UI recommandé pour Android. Découvrez comment utiliser le texte dans Compose.

La fonctionnalité de polices téléchargeables permet aux API de demander des polices à une application du fournisseur au lieu de regrouper des fichiers dans l'application ou de laisser l'application télécharger des polices. Les polices téléchargeables sont disponibles sur les appareils exécutant les versions 14 et ultérieures de l'API Android via la bibliothèque AndroidX Core.

Les polices téléchargeables offrent les avantages suivants:

  • Réduit la taille de l'application, ce qui augmente le taux de réussite de son installation.
  • Améliore l'état général du système, car plusieurs applications peuvent partager la même police via un fournisseur. Cela permet aux utilisateurs d'économiser des données mobiles, de la mémoire de téléphone et de l'espace disque. Dans ce modèle, la police est récupérée sur le réseau en cas de besoin.
Pour découvrir les polices téléchargeables, consultez l'application exemple DownloadableFonts.

Comment fonctionnent les polices téléchargeables ?

Un fournisseur de polices est une application qui récupère des polices et les met en cache localement afin que d'autres applications puissent les demander et les partager. La figure suivante illustre le processus.

Image montrant les principaux composants du processus de compatibilité des emoji
Image 1. Procédure pour les polices téléchargeables.

Principes de base

Vous pouvez utiliser la fonctionnalité de polices téléchargeables comme suit, comme détaillé dans les sections suivantes:

Utiliser des polices téléchargeables avec Android Studio et les services Google Play

Vous pouvez configurer votre application pour qu'elle télécharge des polices à l'aide d'Android Studio 3.0 ou version ultérieure. Pour vous aider à vous familiariser avec les fonctionnalités des polices téléchargeables, vous pouvez utiliser le fournisseur de polices des services Google Play.

  1. Dans l'éditeur de mise en page, sélectionnez un TextView. Ensuite, sous Attributs, sélectionnez fontFamily > Autres polices.
    Image montrant l'éditeur de mise en page d'Android Studio
    Figure 2 : À l'aide de l'éditeur de mise en page.
    La fenêtre Ressources s'affiche.
  2. Dans le menu Source, sélectionnez Google Fonts.
  3. Dans la zone Polices, sélectionnez une police dans la zone "Téléchargeables".
  4. Sélectionnez Créer une police téléchargeable, puis cliquez sur OK.
    Image montrant comment sélectionner des polices dans la fenêtre "Resources" (Ressources)
    Figure 3. Sélectionner une police dans la fenêtre Ressources
  5. Android Studio génère automatiquement les fichiers XML pertinents nécessaires pour afficher correctement la police dans votre application.

    Image montrant comment prévisualiser des polices
    Figure 4. Aperçu du fichier de police.

Utiliser des polices téléchargeables par programmation

À partir d'Android 8.0 (niveau d'API 26), AndroidX Core est entièrement compatible avec les polices téléchargeables. Pour en savoir plus sur l'utilisation de la bibliothèque principale AndroidX, consultez la section Bibliothèque principale AndroidX de polices téléchargeables de cette page.

Pour utiliser la fonctionnalité de polices téléchargeables par programmation, interagissez avec deux classes clés:

Votre application récupère les polices auprès du fournisseur de polices à l'aide de l'API FontsContract. Chaque fournisseur possède ses propres restrictions concernant les versions d'Android et le langage de requête qu'il prend en charge. Pour en savoir plus sur les versions Android et le format de requête, consultez la documentation de votre fournisseur.

Pour télécharger une police, procédez comme suit:

  1. Créez une instance de la classe android.graphics.fonts.FontRequest pour demander la police au fournisseur. Pour créer une requête, transmettez les paramètres suivants :
    • Autorité du fournisseur de polices.
    • Package du fournisseur de polices permettant de vérifier l'identité du fournisseur.
    • Requête de chaîne de la police. Pour en savoir plus sur les formats de requêtes, consultez la documentation de votre fournisseur de polices, comme Google Fonts.
    • Liste d'ensembles de hachages des certificats permettant de vérifier l'identité du fournisseur.

    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);
  2. Créez une instance de la classe FontsContract.FontRequestCallback.
  3. Remplacez la méthode onTypefaceRetrieved() pour indiquer que la requête de police est terminée. Fournissez la police récupérée comme paramètre. Vous pouvez utiliser cette méthode pour définir la police si nécessaire. Par exemple, vous pouvez définir la police sur un TextView.
  4. Remplacez la méthode onTypefaceRequestFailed() pour recevoir des informations sur les erreurs dans le processus de requête de police. Pour en savoir plus sur les codes d'erreur, consultez les constantes de code d'erreur.
  5. Appelez la méthode FontsContract.requestFont() pour récupérer la police auprès du fournisseur de polices. La méthode lance une vérification pour déterminer si la police existe dans le cache. Si la police n'est pas disponible localement, elle appelle le fournisseur de polices, la récupère de manière asynchrone et transmet le résultat au rappel. Transmettez les paramètres suivants :
    • Une instance de la classe Context
    • Instance de la classe android.graphics.fonts.FontRequest
    • Rappel pour recevoir les résultats de la requête de police
    • Gestionnaire permettant d'extraire des polices sur un thread

L'exemple de code suivant illustre le processus global des polices téléchargeables:

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);

Pour savoir comment télécharger une police à partir d'un fournisseur de polices, consultez l'application exemple DownloadableFonts.

Utiliser des polices téléchargeables avec AndroidX Core

AndroidX Core est compatible avec la fonctionnalité de polices téléchargeables sur les appareils équipés d'Android API 14 ou version ultérieure. Le package androidx.core.provider contient les classes FontsContractCompat et FontRequest pour implémenter la prise en charge de la fonctionnalité de polices téléchargeables rétrocompatible. Les classes AndroidX contiennent des méthodes semblables aux méthodes du framework, et le processus de téléchargement des polices est semblable à celui décrit dans la section de cette page sur l'utilisation des polices téléchargeables par programmation.

Pour télécharger des polices à l'aide d'AndroidX, importez les classes FontsContractCompat et FontRequest à partir du package androidx.core.provider. Créez des instances de ces classes au lieu des classes de framework FontsContract et android.graphics.fonts.FontRequest.

Ajouter la dépendance AndroidX Core

Pour utiliser les classes FontsContractCompat et FontRequest, vous devez modifier les dépendances de chemin de classe de votre projet d'application dans votre environnement de développement.

Pour ajouter AndroidX Core à votre projet d'application, ajoutez la dépendance suivante au fichier build.gradle de votre application:

Groovy

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

Kotlin

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

Utiliser des polices téléchargeables en tant que ressources dans un fichier XML

Android 8.0 (niveau d'API 26) et AndroidX Core offrent un moyen plus rapide et plus pratique de déclarer une police personnalisée en tant que ressource dans la mise en page XML. Cela signifie qu'il n'est pas nécessaire de regrouper la police en tant qu'élément. Vous pouvez définir une police personnalisée pour l'ensemble de votre thème, ce qui accélère l'usabilité pour plusieurs épaisseurs et styles, tels que l'italique, le demi-gras ou le gras, le cas échéant.

  1. Créez un fichier XML dans le dossier res/font.
  2. Ajoutez un élément racine <font-family> et définissez les attributs liés à la police, comme indiqué dans l'exemple de fichier XML suivant:
  3. <?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>
  4. Indiquez le fichier sous le nom @font/font_file_name dans le fichier XML de mise en page. Vous pouvez également utiliser la méthode getFont() pour récupérer le fichier par programmation, par exemple getFont(R.font.font_file_name).

Prédéclarer des polices dans le fichier manifeste

L'inflation de la mise en page et la récupération de ressources sont des tâches synchrones. Par défaut, la première tentative de récupération de polices déclenche une requête auprès du fournisseur de polices, ce qui augmente le temps de première mise en page. Pour éviter ce délai, vous pouvez prédéclarer les polices qui doivent être récupérées dans votre fichier manifeste. Une fois que le système a récupéré la police auprès du fournisseur, elle est immédiatement disponible. Si la récupération de la police prend plus de temps que prévu, le système interrompt le processus de récupération et utilise la police par défaut.

Pour prédéclarer des polices dans le fichier manifeste, procédez comme suit:

  1. Créez un tableau de ressources dans res/values/arrays.xml et déclarez les polices que vous souhaitez précharger.
  2. 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>
  3. Utilisez une balise meta-data pour déclarer le tableau de ressources dans votre fichier manifeste.
  4. <meta-data android:name="preloaded_fonts" android:resource="@array/preloaded_fonts" />

Ajouter des certificats

Lorsqu'un fournisseur de polices n'est pas préinstallé ou si vous utilisez la bibliothèque AndroidX Core, déclarez les certificats avec lesquels le fournisseur de polices est signé. Le système utilise les certificats pour vérifier l'identité du fournisseur de polices.

Pour ajouter des certificats, procédez comme suit:

  1. Créez un tableau de chaînes contenant les informations du certificat. Pour en savoir plus sur les détails du certificat, consultez la documentation de votre fournisseur de polices.
  2. <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <string-array name="certs">
           <item>MIIEqDCCA5CgAwIBAgIJA071MA0GCSqGSIb3DQEBBAUAMIGUMQsww...</item>
        </string-array>
    </resources>
  3. Définissez l'attribut fontProviderCerts sur le tableau.
  4. android:fontProviderCerts="@array/certs"

Polices téléchargeables dans Compose