Skip to main content

フォントの設定

  • November 29, 2024
  • 0 replies
  • 22 views
asanos
Forum|alt.badge.img+1
  • asanos
  • Gainsight Employee ⭐️⭐️

セリフ体、それともサンセリフ体？ Ariel、Helvetica、Georgia、Times New Roman、どのフォントファミリーを使用するかはあなたが決めることができます。

 

フォントの設定方法

  1. コミュニティアカウントにサインインします。
  2. 紫色のテーマ ボタンをクリックし、フォントを選択します。
  3. 使用したいフォントファミリー(例 font-family: "Times New Roman", Times, serif;)を指定します。
  4. 公開をクリック

 

Googleフォントの使い方

あなたのプラットフォームでGoogleフォントを使用したい場合は、スポイラーを展開し、以下の手順に従ってください。

  • http://fonts.google.com/ にアクセスしてください。
  • 使用するフォントを選択し、HTMLコードを使用してインターフェイスから埋め込みコードをコピーします（標準）。

f5cd1ae9-0388-4314-8722-5a0460900ab2.jpg

  • コントロール → カスタマイズ → サードパーティ・スクリプト に移動し、<Head>セクションにコードを貼り付けます。

a2d4f9c7-2aad-460c-a783-7cf00dd403ea.jpg

  • コミュニティ → テーマ →フォントに移動します。
  • google fontsの指示に従い、希望のフォントに変更する（CSSセクションで指定する）。

db2315c8-99bb-4a68-b3d3-35399ae05b37.jpg

  • 公開をクリック

 

企業カスタムフォントの使用方法

あなたのブランドガイドラインに合った公式フォントを使用したいですか？ そのためには、プラットフォームを介してカスタムフォントを注入するか、リンクする必要があります。

  • カスタムCSSで@font-faceをインクルードする
  • サードパーティスクリプトで@font-faceをインクルードする
  • CSSスタイルシートのインポート
  • すべてのものが同じフォントを使うようにしたいですか？ CSS で * (anything) セレクタを使用して、すべてにルールを適用します  
    * { font-family： customfont; }

     

 

カスタムCSSによる@font-faceのインクルード

  1. コミュニティ管理者または管理者ロールを持つコミュニティアカウントにサインインします。
  2. 紫色のテーマ ボタンをクリックし、カスタムCSSを選択します。
  3. 以下のコードでカスタムフォントを含めます 
    @font-face { font-family： "Custom"; src： url("https://link-to-font.com/Custom.woff"); }
    url(".
  4. 公開をクリックして、カスタムCSSサイドバーを閉じます；
  5. テーマ →フォントを開きます。
  6. (e.g. font-family: "Custom", serif;)を入力します。
  7. 公開をクリック

 

サードパーティスクリプトによる@font-faceのインクルード

  1. ユーザーロール Community ManagerまたはAdministratorで管理環境にサインインします。
  2. カスタマイズ → サードパーティスクリプトに移動します。
  3. <head>に挿入 
    <；style type="text/css">；
    @font-face { font-family： "Custom"; src： url("https://link-to-font.com/Custom.woff"); } </スタイル>
    。
  4. 変更を保存を押してください。
  5. コミュニティ管理者または管理者ロールを持つコミュニティアカウントにサインインします。
  6. 紫色のテーマ ボタンをクリックし、フォントを選択します。
  7. (e.g. font-family: "Custom", serif;)使用したいCSS font-familyを指定します。
  8. 公開をクリック

 

CSSスタイルシートのインポート

  1. コミュニティ管理者または管理者ロールを持つコミュニティアカウントにサインインします。
  2. 紫色のテーマ ボタンをクリックし、カスタムCSSを選択します。
  3. 次のコードでCSSファイルへのリンクを含めます 
    <；style type="text/css">；
    @import url(https. //link-to-css：//link-to-css.com/stylesheet.css); </style>
    。
  4. 公開をクリックして、カスタムCSSサイドバーを閉じます；
  5. テーマ →フォントを開きます。
  6. (e.g. font-family: "Custom", serif;)を入力する。
  7. 公開をクリック

 

font-family https://www.w3schools.com/cssref/pr_font_font-family.asp での作業に関する詳細情報

    Terms & ConditionsCookie settingsAccessibility statement