修改 Moodle 的文章字体大小及行距标签的字体待修改_moodle系统怎么改下面文字-优快云博客

本文介绍如何通过调整 Moodle 主题中的 CSS 文件来更改字体大小，以提高网页阅读舒适度。通过修改 `fw_font.css` 中的字体大小设置，作者成功解决了导航栏文字偏移的问题，并通过调整 `fw_layout.css` 中的导航栏高度和文字间距，最终实现了更加清晰、易于阅读的页面布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

moodle 是有布景主题的观念的，所有的布景主题都在 moodle/theme 目录下，我们用的布景主题是 formal_white，那么，要修改的档案就在 moodle/theme/formal_white 目录下了。

进入该目录后，看到有三个可以望文生意的档案： fw_font.css 、 fw_colors.css 、 fw_layout.css 。看来应该分别是设定字型、颜色、外观的 css 檔了。借着 FireFox + WebDeveloper extension 的帮助，很快的找到了应该改的地方是 fw_font.css 里面的这一段：

body, td, li {
     font-family: Arial, Helvetica, sans-serif;
    font-size : 15px;         /* 原来为 13px */
    line-height : 24px;       /*另外加上的，将行高设为 24px ，以增加行距 */
}

原本是想把 font-size 设为 16px 或 14px ，但是 16px 字太大， 14px 字很丑，经试过后，觉得 15px 还不错。

改好之后，后遗症出现了：导览列的文字变成向下偏移。再次藉由 FireFox + WebDeveloper extension 的帮助，找到 fw_layouot.css 里面的这一段：

.navbar {
   margin-right: 5px;
   width: 100%;
   padding:0px;
  height: 30px;             /* 由原来的 27px 改成 30px 以加大导览列的高度 */
   border-width:1px;
   border-style:solid;
}

.breadcrumb {
/*padding-top: 1px;*/    /* 既然导览列文字偏低，那文字上方的间隔就不要了。 */
padding-left: 3px;
}

画面也许不怎么美观，但至少阅读舒服多了。