moodle 3.3.2デフォルトフォントを変更

Question

私はmoodleのデフォルトフォントを変更したいと思います。私はthisリンクを使用しましたが、動作しませんでした。私はテーマcssを変更し、フォントを新しいフォルダに追加しましたが、何も変わっていません。ネット上で良いチュートリアルはありません。どんな助けもありがとう。

「もっと」というテーマを使用します。私はこのディレクトリに行きました：moodleServer/theme/more/style

custom.cssという名前のcssファイルがあります。私は別のCSSファイル（myStyle.css）を添加し、その中にこれらのコードを置く：

@font-face { 
font-family: "Greta"; 
src: url("fonts/Greta-Regular.otf"); 
} 

p, div { 
font-family: "Greta"; 
} 

私も「フォント」という名前のフォルダを追加し、その中に私のOTFファイルをコピーしました。そして、このフォルダ内：moodleServerは/テーマ/より多くの私は、ファイルのconfig.phpを編集し、この行を変更：

$THEME->sheets = array('custom', 'myStyle.css'); 

に

$THEME->sheets = array('custom'); 

を親スタイルファイルを指定し、このファイルの行もあります。 bootstrapbaseフォルダで

$THEME->parents = array('clean', 'bootstrapbase'); 

は、スタイルのフォルダがあり、それは2つのCSSファイルが含ま：editor.cssとmoodle.css
私はmoodle.css変更とREPLACをすべてのフォントを自分のフォントで編集しました。私はまた、フォントフォルダを追加し、その中に自分のフォントをコピーしました。

@font-face { 
font-family: "Greta"; 
src: url("fonts/Greta-Regular.otf"); 
font-weight: normal; 
font-style: normal; 
} 

とグレタにすべてのフォントを変更する：私は、このファイルに次の行を追加

body { 
    margin: 0; 
    font-family: Greta; 
    font-size: 14px; 
    line-height: 20px; 
    color: #333; 
    background-color: #fff; 
} 

私は自分のページのソースを表示するには、「要素を調査」を使用すると、私はまだ前のフォントやcssファイルを参照します。

Answer 1

まず、今後アップグレードするときに多くのコード競合が発生する可能性があるため、コアテーマを変更しないでください。代わりに、新しいテーマの基にするテーマを含むフォルダのコピーを作成し、コピーしたコードの古いテーマ名のすべてのインスタンスを新しいテーマ名（たとえば、テーマ/ newthemeとしてコピーしてから、テーマ/ newthemeの 'more'を 'newtheme'に置き換えて再帰的な検索と置き換えを行います（あなたが何も見逃さないようにしてください）。これを済ませたら、後で自分で頭痛を覚えることなく、好きなだけ新しいテーマプラグインを変更することができます。

https://docs.moodle.org/dev/Themes_overviewがあります。私は、カスタムフォントとテーマを作成したことがありませんが、上記のコードを見て際立っている一つのことはhttps://docs.moodle.org/dev/Themes_overview#Basic_theme_example_settings_explainedによると

$THEME->sheets = array('custom', 'myStyle'); 

であるべき

$THEME->sheets = array('custom', 'myStyle.css'); 

ラインですが、本当に必要はありませんmyStyle.cssファイルの場合、カスタムフォントの余分な行をcustom.cssに追加するだけで、親テーマを編集するのではなく、ここでオーバーライドする必要がある他のスタイルルールを追加することができます。

幸運を祈る！

Answer 2

また、インターフェイス経由でフォントを変更することもできます。このために新しいテーマを開発する必要はありません。

のGoogleフォント "raleway" の統合のための

ショート例：

1.ウェブサイトの投与>外観>追加のHTML enter image description here

2.ウェブサイトの投与>外観>テーマ>続きを：customcss

本体{ フォントファミリー： 'Raleway'、サンセリフ。 }

フォントを変更するだけの新しいテーマを作成するよりも簡単です。 さらに詳しい情報はmoodle.org - espeacially https://moodle.org/mod/forum/view.php?id=46

希望します。

ジェラルド