English 中文TürkçeРусскийEspañol日本語Tiếng Việt

フローBuilderでのカスタムフォント

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

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

組み込みフォント

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

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

Built-in fonts

カスタムフォントの追加

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

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

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

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

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

  2. Save font をクリックします。

    Add custom font window

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

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

フォントファイルをアプリのバンドルに追加する

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

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