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

特定のコンポーネントカテゴリにフォントを割り当てて、より明確な視覚的階層を作成し、関連する 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、エクスペリエンス、およびカテゴリの各ビューを切り替えて、カテゴリ全体のフォント割り当てが関連コンポーネント全体に期待どおりに適用されていることを確認します。

タスクの結果

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

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