コンポーネントカテゴリごとにフォントをアサインする

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:2分
  • 特定のコンポーネントカテゴリにフォントを割り当てて、より明確な視覚的階層を作成し、関連する UI 要素全体で一貫したタイポグラフを確保します。

    始める前に

    必要なロール:ui_builder_admin

    詳細なロールの詳細については、「 Granular admin roles」を参照してください。

    このタスクについて

    カテゴリレベルでのフォント割り当ては、より広範なデフォルトを上書きします。フォントサイズは [ サイズ ] タブで個別に管理され、カテゴリ別にフォントを割り当てても変更されません。フォントサイズの編集については、「 フォントサイズを編集」を参照してください。

    注:
    カテゴリレベルでフォントを変更しても、独自のフォント設定を持つ個々のコンポーネントには影響しません。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマビルダー.
      テーマビルダーランディングページがホームページビューに表示されます。
    2. [ページ] ドロップダウンリストを使用して、[エディター] ページビューを選択します。
      図 : 1. [ページ] ドロップダウン リスト
      [エディター] が選択されたページのドロップダウンリスト。
    3. [テーマ] ドロップダウン リストから、編集するテーマを選択します。
      [グローバルスタイル] タブが自動的に開き、[概要] パネルが表示されます。
      図 : 2. エディターページビュー
      エディターページの表示例。
    4. [グローバルスタイルの概要] パネルから、[タイポグラフ] に移動し、[ フォント] タブを選択します。

      タイポグラフは [フォント] と [サイズ] に分割され、フォントの割り当ては [フォント] タブで管理されます。

      図 : 3. グローバルスタイルのタイポグラフ
      [フォント] が選択されたタイポグラフ。
    5. コンポーネントカテゴリを展開します。

      各カテゴリには、現在のフォントファミリー、フォントフェイス、およびテキスト変換の設定が表示されます。

    6. 選択したカテゴリで、フォントファミリーを選択します。

      利用可能なプラットフォームフォントまたは以前にアップロードしたカスタムフォントから選択します。フォントセレクターから直接 テーマへのカスタムフォントのアップロード することもできます。

    7. [Save (保存)] を選択します。
      注:
      タイポグラフオプションへの変更を保存すると、[上書きを削除] アイコン が表示されます。[上書きを削除] を使用して、オプションを元のデフォルト値に戻します。
    8. オプション: カテゴリのフォントフェイスまたはテキスト変換を調整します。
    9. [Save (保存)] を選択します。
    10. 利用可能なビューを使用して、さまざまな詳細レベルでタイポグラフを検証します。
      抽象 UI、エクスペリエンス、およびカテゴリの各ビューを切り替えて、カテゴリ全体のフォント割り当てが関連コンポーネント全体に期待どおりに適用されていることを確認します。

    タスクの結果

    テーマビルダー によってテーマレコードが自動的に保存されます。

    テーマが公開されている場合、更新時にテーマが適用されているユーザーにフォント編集内容が表示されます。テーマの公開の詳細については、「 テーマビルダーでテーマを公開する」を参照してください。