---
title: "フローBuilderでのカスタムフォント"
description: "フローBuilderでカスタムフォントをアップロードして使用する方法を説明します。"
---

フローを作成する際、アプリの他の部分に合わせてカスタムフォントを使用したい場合があります。カスタムフォントを追加してフローで使用する方法を説明します。

:::tip
フローのデザインを始める前に、**Styles** パネルで[フォントを設定](onboarding-text)しておきましょう。こうすることで、変更がグローバルに反映されます。
:::

## 組み込みフォント \{#built-in-fonts\}

Builderでフローを作成すると、Adaptyはデフォルトでシステムフォントを使用します。通常、iOSではSF Pro、AndroidではRobotoになりますが、デバイスによって異なる場合があります。また、Arial、Times New Roman、Courier New、Georgia、Helveticaなどよく使われるフォントも選択できます。これらのフォントにはいくつかのスタイルオプションが用意されています。

これらのフォントはAdapty SDKの一部としては提供されておらず、プレビュー目的のみで使用されます。すべてのデバイスで完全に動作することを保証するものではありませんが、テストの結果、ほとんどのデバイスで特別な対応なしに認識されることが確認されています。また、[iOSでデフォルトで使用できるフォントを確認する](https://developer.apple.com/fonts/system-fonts/)こともできます。

## カスタムフォントの追加 \{#add-a-custom-font\}

デフォルトで提供されているフォント以外が必要な場合は、カスタムフォントを追加できます。

カスタムフォントを追加するには：

1. フォントドロップダウンのいずれかで **Upload new font** を選択します。

2. **Add custom font** ウィンドウで、以下のフィールドを入力します：

   - **Font name in Builder**：フォントの表示名を入力します。この名前はBuilder全体のフォントドロップダウンに表示されます。
   - **iOS font name**：フォントのPostScript名を入力します。Font Book → PostScript nameで確認するか、[`UIFont` API](https://developer.apple.com/documentation/uikit/uifont)を使って調べることができます。
   - **Android font name**：`res/font/` のファイル名を入力します。小文字、数字、アンダースコアのみ使用できます。
   - **Font file**：フォントファイルをドラッグ＆ドロップするか、**Select files** をクリックします。対応フォーマット：`.ttf`、`.otf`、`.woff`、`.woff2`。

3. **Save font** をクリックします。

   

:::warning
アップロードしたフォントファイルはデバイスには送信されず、プレビューのみに使用されます。SDKはペイウォールのレンダリング時に使用するフォントを参照する文字列のみを受け取ります。そのため、同じフォントファイルをアプリのバンドルに含め、各プラットフォーム固有の正しいフォント名を指定する必要があります。それほど時間はかかりません。
:::

フォントファイルをAdaptyにアップロードすることで、そのフォントをアプリで使用する権利を有していることを確認したものとみなされます。

## フォントファイルをアプリのバンドルに追加する \{#add-the-font-files-to-your-apps-bundle\}

すでにアプリの別の場所でカスタムフォントを使用している場合は、同じ方法でペイウォール用のフォントを追加するだけです。まだ使用していない場合は、フォントファイルをアプリのプロジェクトとバンドルに含めてください。手順は以下をご覧ください：

- iOS：[Appleの公式ドキュメント](https://developer.apple.com/documentation/uikit/adding-a-custom-font-to-your-app)
- Android：[Androidの公式ドキュメント](https://developer.android.com/develop/ui/views/text-and-emoji/fonts-in-xml)

:::important
フォントバンドルをダウンロードすると、アーカイブにすべてのフォントバリエーションが含まれています。アプリのサイズを最小限に抑えるために、ペイウォールで実際に使用するフォントファイルのみをアプリのバンドルに追加してください。たとえば、ペイウォールで `OpenSans-Regular.ttf` のみを使用している場合、`OpenSans-Bold.ttf` はアプリのバンドルに含めないでください。
:::