Personalização de fontes

Este artigo de referência aborda as opções de personalização de fontes, como a definição de uma família de fontes, e mostra como fazer referência a ela em todo o seu aplicativo Android ou FireOS.

As fontes no SDK da Braze podem ser definidas via XML usando as bibliotecas AndroidX de acordo com Font in XML. Para usar sua fonte personalizada com o SDK da Braze, primeiro você precisará criar uma família de fontes.

Criar uma família de fontes

A seguir, um exemplo de definição de família de fontes personalizada usando o guia de família de fontes. Para este exemplo, usamos a fonte 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>

Depois de armazenar a definição da família de fontes em /res/font/bungee_font_family.xml, podemos fazer referência a ela em XML como @font/bungee_font_family.

Referência à sua família de fontes

Agora que a família de fontes foi criada, você pode substituir os padrões de estilo do Braze em seu site styles.xml para incluir referências à família de fontes.

Por exemplo, a seguinte substituição de estilos usaria a família de fontes bungee para todas as mensagens no app do Braze.

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>