モバイルガイド用カスタムフォント

最終更新日: 2021年10月06日 06:19

ご自身のアプリのフォントをモバイルガイドでも使用することで、モバイルガイドの見た目や操作性をアプリと統一できます。

カスタムフォントをアプリのテーマに追加し、ガイドのビジュアル要素に割り当てることで、カスタムフォントを使用できるようになります。

カスタムフォントの定義方法

［ガイド（Guides）］->［テーマ（Themes）］の順にクリックして、アプリのテーマを更新します。
テーマで特定のタイポロジーを選択します（例：「タイトル（Title）」）。
右側の［テキストスタイル（Text Styles）］で、［ファミリー（Family）］のドロップダウンを開きます。
サポートされるiOS / Androidシステムフォントのリストが表示されます。
［＋カスタムフォントの管理（+ Manage custom fonts）］を選択します。
アプリケーションで定義されているフォントのファイル名を入力します。アプリで使用されているファイル名を正確に入力してください（大文字と小文字は区別されます）。
複数のフォントのファイル（ボールド、イタリックなど）がある場合は、それらをすべて追加できます。
次に、テーマ固有のタイポロジー（タイトル、プライマリボタンなど）のいずれかで、追加した新しいフォントを選択します。
カスタムフォントが正しく設定されていることをテストします。これには、このタイポロジーを使ってガイドを作成し、カスタムフォントがデバイスで正しく表示されることを確認してください。
モバイルカスタムフォントはブラウザでサポートされていないため、ガイドのウェブプレビューではフォントが表示されません。