フォントのカスタマイズ

このリファレンス記事では、フォントファミリの定義などのフォントカスタマイズオプションについて説明し、Android または FireOS アプリケーション全体でフォントファミリを参照する方法を説明します。

Braze SDK のフォントは、XML のフォントに従い、AndroidX ライブラリを使用して XML を介して設定できます。Braze SDK でカスタムフォントを使用するには、最初にフォントファミリを作成する必要があります。

フォントファミリの作成

以下は、フォントファミリガイドを使用したカスタムフォントファミリ定義の例です。この例では、Bungee Shade フォントを使用します。

<?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">

  <!--Note: You must declare both sets of attributes
      so that your fonts load on devices running Android 8.0 (API level 26) or lower.
      See https://developer.android.com/guide/topics/ui/look-and-feel/fonts-in-xml.html -->

  <font android:fontStyle="normal"
        android:fontWeight="400"
        android:font="@font/bungeeshade"

        app:fontStyle="normal"
        app:fontWeight="400"
        app:font="@font/bungeeshade"/>
</font-family>

フォントファミリの定義を/res/font/bungee_font_family.xmlに保存したら、XML でそれを@font/bungee_font_familyとして参照できます。

フォントファミリを参照する

フォントファミリが作成されたので、styles.xmlの Braze スタイルのデフォルトをオーバーライドして、フォントファミリへの参照を含めることができます。

例えば、次のスタイルのオーバーライドでは、すべての Braze アプリ内メッセージにbungeeフォントファミリが使用されます。

1
2
3
4
5
6
7
8
9
<style name="Braze.InAppMessage">
  <item name="android:fontFamily">@font/bungee_font_family</item>
  <item name="fontFamily">@font/bungee_font_family</item>
</style>

<style name="Braze.Cards">
  <item name="android:fontFamily">@font/another_custom_font_family</item>
  <item name="fontFamily">@font/another_custom_font_family</item>
</style>