テーマにカスタムフォントを追加する方法

提供:MoodleDocs
移動先:案内検索

テーマに新しいディレクトリを作成し、それをフォントと呼びます。次に、すべてのカスタムフォントをこのディレクトリに追加します '例:moodle/theme/yourtheme/fonts/

テーマCSSファイルに以下を追加します:

 @font-face { /* where FontName and fontname represents the name of the font you want to add */
     font-family: 'FontName';
     src: url([[font:theme|fontname.eot]]);
     src: url([[font:theme|fontname.eot]]) format('embedded-opentype'),
          url([[font:theme|fontname.woff]]) format('woff'),
          url([[font:theme|fontname.woff2]]) format('woff2'),
          url([[font:theme|fontname.ttf]]) format('truetype'),
          url([[font:theme|fontname.svg]]) format('svg');
     font-weight: normal;
     font-style: normal;
   }

次に、フォントをスタイルシートで使用する場所にフォントの名前を追加します

例えば:

   #page-header h1 { font-family: FontName;}