修改 Moodle 的文章字体大小及行距 标签的字体待修改

来源:互联网 发布:投资理财软件 编辑:程序博客网 时间:2024/05/21 09:36

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

进入该目录后,看到有三个可以望文生意的档案: fw_font.cssfw_colors.cssfw_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;
}

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

原创粉丝点击