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

コミュニティでのカスタムフォントの使用

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

[設定] で、[クイック検索] ボックスに「静的リソース」と入力し、[静的リソース] を選択します。
[新規] をクリックし、ファイルをアップロードして、静的リソースに名前を付けます。リソース名を書き留めます。
コミュニティに公開ページがある場合は、[キャッシュコントロール] 設定で [公開] を選択します。フォントリソースを公開しないと、ページでは代わりにブラウザのデフォルトフォントが使用されます。
エクスペリエンスビルダーで [テーマ] | | [CSS を編集] をクリックして CSS エディタを開きます。
@font-face CSS ルールを使用して、アップロードしたフォントを参照します。
次に例を示します。
1@font-face { 2 font-family: 'myFirstFont'; 3 src: url('/myPartnerCommunity/s/sfsites/c/resource/MyFonts/bold/myFirstFont.woff') format('woff'); 4}
- 1 つのフォントファイルを参照する場合の構文は /path_prefix/s/sfsites/c/resource/resource_name で、path_prefix はコミュニティの作成時に追加した URL 値 (例: myPartnerCommunity) です。
  
  たとえば、myFirstFont.woff というファイルをアップロードし、リソースの名前が MyFonts であれば、URL は /myPartnerCommunity/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 は /myPartnerCommunity/s/sfsites/c/resource/MyFonts/bold/myFirstFont.woff になります。
[テーマ] パネルで [フォント] を選択し、[主要フォント] または [ヘッダーフォント] を選択して、[カスタムフォントを使用] をクリックします。
CSS エディタに入力したフォントファミリ名 (例: myFirstFont) を入力して、変更内容を保存します。

Lightning コミュニティ開発者ガイド

コミュニティでのカスタムフォントの使用