この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

エクスペリエンスビルダーサイトでのカスタムフォントの使用

カスタムフォントを静的リソースとしてアップロードし、サイト全体のプライマリフォントおよびヘッダーフォントとして使用します。複数のフォントファイルをアップロードする場合は、.zip ファイルを使用します。

[設定] で、[クイック検索] ボックスに「静的リソース」と入力し、[静的リソース] を選択します。
[新規] をクリックし、ファイルをアップロードして、静的リソースに名前を付けます。リソース名を書き留めます。
サイトに公開ページがある場合は、[キャッシュコントロール] 設定で [公開] を選択します。フォントリソースを公開しないと、ページでは代わりにブラウザのデフォルトフォントが使用されます。
エクスペリエンスビルダーで [テーマ] | | [CSS を編集] をクリックして CSS エディタを開きます。
@font-face CSS ルールを使用して、アップロードしたフォントを参照します。
次に例を示します。
format() は、URL で参照されているフォントの形式を記述する省略可能なヒントです。
メモ
- 1 つのフォントファイルを参照する場合の構文は /path_prefix/s/sfsites/c/resource/resource_name で、path_prefix はサイトの作成時に追加した URL 値 (例: myPartnerSite) です。
  
  たとえば、myFirstFont.woff というファイルをアップロードし、リソースの名前が MyFonts であれば、URL は /myPartnerSite/s/sfsites/c/resource/MyFonts になります。
- .zip ファイル内のファイルを参照するには、フォルダ構造を含めて .zip ファイル名を省略します。構文は /path_prefix/s/sfsites/c/resource/resource_name/font_folder/font_file です。
  
  たとえば、bold/myFirstFont.woff を含む fonts.zip をアップロードし、リソースの名前が MyFonts であれば、URL は /myPartnerSite/s/sfsites/c/resource/MyFonts/bold/myFirstFont.woff になります。
[テーマ] パネルで [フォント] を選択し、[プライマリフォント] または [ヘッダーフォント] ドロップダウンリストを選択して、[カスタムフォントを使用] をクリックします。
CSS エディタに入力したフォントファミリ名 (例: myFirstFont) を追加して、変更内容を保存します。

Experience Cloud Developer Guide (Experience Cloud 開発者ガイド)

エクスペリエンスビルダーサイトでのカスタムフォントの使用