moodle 3.3.2更改默认字体

时间:2017-11-05 06:03:19

标签: php css fonts moodle

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

我使用名为“more”的主题。我去了这个目录: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";
}

我还添加了一个名为“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文件。

2 个答案:

答案 0 :(得分:1)

首先,不要修改任何核心主题,因为将来升级时可能会遇到很多代码冲突。而是制作包含您希望以新主题为基础的主题的文件夹的副本,然后用新主题名称替换复制代码中的旧主题名称的所有实例,例如:复制主题/更多作为主题/新主题,然后做主题/新主题的递归查找和替换,用'newtheme'替换'more'(只是确保你不会错过任何)。完成后,您可以根据需要修改新的主题插件,而不会在以后给自己造成麻烦。

阅读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中 - 只需在此处添加您需要覆盖的任何其他样式规则,而不是编辑父主题。

祝你好运!

答案 1 :(得分:1)

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

整合google fonts" 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

希望它有所帮助。

杰拉德