moodle 3.3.2更改默认字体

Question

我想改变moodle的默认字体。我使用了这链接，但它不起作用。我改变了主题css和添加字体到一个新的文件夹，但没有任何变化的moodle。网上没有好的教程。任何帮助都将不胜感激。

我用了一个叫“更多”的主题。我转到了这个目录:moodleServer/more/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/theme/more，我编辑了文件config.php并更改了这一行：

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

至

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

该文件中还有一行指定父样式文件：

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

在引导库文件夹中有一个样式文件夹，它包含2个css文件: editor.css和moodle.css。

我更改了moodle.css并用我的字体替换了所有字体。我还添加了一个字体文件夹，并在其中复制了我的字体。我在这个文件中添加了以下几行：

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

并将所有字体更改为Greta：

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

当我使用“检查元素”来查看我的页面源代码时，我仍然会看到以前的字体和css文件。

Answer 1

首先，不要修改任何核心主题，因为将来升级时可能会遇到很多代码冲突。相反，复制包含要将新主题作为基础的主题的文件夹，然后将复制的代码中的旧主题名称的所有实例替换为新的主题名称，例如将主题/多复制为主题/新主题，然后在主题/新主题上进行递归查找和替换，将“多”替换为“新主题”(请确保不会遗漏任何内容)。一旦你这样做了，你可以修改你的新的主题插件，尽可能多，而不会给自己带来麻烦。

阅读一下概述。我从未创建过带有自定义字体的主题，但有一点值得注意的是，上面的代码是行

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

根据解释的说法应该是

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

但是实际上，没有必要使用myStyle.css文件--您只需将定制字体的额外行添加到custom.css中--只需在这里添加任何其他需要重写的样式规则，而不是编辑父主题。

祝好运!

Answer 2

您也可以通过界面更改字体。您不需要为此开发一个新的主题。

google字体“raleway”集成的简短示例：

1.网站-管理>外观>附加的html 在这里输入图像描述

2.网站-管理>外观>主题>更多：

body {字体-家族：'Raleway'，sans-serif；}

它比仅仅为了改变字体而创建一个新的主题更容易。更多的帮助你也可以在moodle.org -特别是https://moodle.org/mod/forum/view.php?id=46获得。

希望能帮上忙。

杰拉尔德