moodle 3.3.2 更改默认字体

Question

我想更改moodle 的默认字体。我用了 this link 但是没有用。我更改了主题 css 并将字体添加到新文件夹，但 moodle 没有任何变化。网上没有好的教程。任何帮助将不胜感激。

我使用了一个名为 "more" 的主题。我去了这个目录：moodleServer/theme/more/style

有一个 css 文件名为 custom.css。我添加了另一个 css 文件 (myStyle.css) 并将这些代码放入其中：

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

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

我还添加了一个名为 "fonts" 的文件夹，并在其中复制了我的 otf 文件。然后在这个文件夹中：moodleServer/theme/more 我编辑了文件 config.php 并更改了这一行：

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

至

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

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

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

在 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;
}

当我使用 "inspect element" 查看我的页面源时，我仍然看到以前的字体和 css 文件。

Answer 1

首先，不要修改任何核心主题，因为你以后升级的时候很可能运行陷入很多代码冲突。相反，复制包含您要作为新主题基础的主题的文件夹，然后将复制代码中旧主题名称的所有实例替换为您的新主题名称，例如将 theme/more 复制为 theme/newtheme，然后在 theme/newtheme 上进行递归查找和替换，以将 'more' 替换为 'newtheme'（确保您不会遗漏任何内容） .完成后，您可以随心所欲地修改新的主题插件，而不会在以后让自己头疼。

通读 https://docs.moodle.org/dev/Themes_overview。我从来没有用自定义字体创建过主题，但是从上面的代码中可以看出，一行

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

根据https://docs.moodle.org/dev/Themes_overview#Basic_theme_example_settings_explained应该是

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

但实际上不需要 myStyle.css 文件——您只需将自定义字体的额外行添加到 custom.css——并添加您需要覆盖的任何其他样式规则在这里，而不是编辑父主题。

祝你好运！

Answer 2

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

集成 google 字体的简短示例 "raleway":

1.网站管理 > 外观 > 附加 html enter image description here

2。网站管理 > 外观 > 主题 > 更多：customcss

body { font-family: 'Raleway', sans-serif; }

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

希望对您有所帮助。

杰拉德

moodle 3.3.2 更改默认字体

moodle 3.3.2 change default font

css

php

fonts

moodle