如何在使用JekyllNow创建的Github博客页面上更改字体大小

3

我使用JekyllNow创建了一个Github.io博客。JekyllNow允许您完全在网页上创建,而无需在本地安装git或Ruby。也就是说,所有操作都没有在本地进行。

我正在使用简约主题。我的页面已创建,但字体似乎非常大。我该如何更改页面上的字体大小?

如果有一种方法可以使其成比例,那就更好了 - 例如,不仅默认字体大小,而且H1、H2等字体大小也会成比例缩小。

1个回答

2
通常我们会编辑位于jekyll实例根目录下的style.scss文件。
 body {
      font-family: "Times New Roman", Times, serif;
}

如果你正在使用默认的Jekyll主题"Minima",那么你需要编辑文件minima.scss而不是style.scss

因此,若要更改默认字体大小定义,你需要重置变量'$base-font-size'的值。

$base-font-size:   16px !default;

同时,您可以通过重置$base-font-family变量的值来更改默认字体定义本身。

$base-font-family: "PT Serif", serif;

您还需要删除此设置末尾的!default;后缀,以使新字体生效。


$base-font-size: 16px !default; - 一旦您更改此设置,H1、H2等会发生什么?它们会按比例改变还是保持原样? - user93353
1
应相应地进行调整,我已经使用了$base-font-family:,它会改变标题的字体,但还没有尝试$base-font-size - Sreeram Nair

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接