首页 文章

moodle 3.3.2更改默认字体

提问于
浏览 次
1

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

我使用一个名为“更多”的主题 . 我去了这个目录：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;
}

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

php css fonts moodle

2 回答

  • 1

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

    集成谷歌字体“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

    希望能帮助到你 .

    杰拉尔德

    回复于
  • 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中 - 只需在此处添加您需要覆盖的任何其他样式规则，而不是编辑父主题 .

    祝好运！

    回复于

相关问题