如何更改Jekyll网站的默认字体

11

我是使用Jekyll、CSS等技术的新手,我fork了Jekyll now存储库。 有没有办法更改或添加整个Jekyll网站的默认字体? 看起来这篇文章可能有一些答案,但我不太理解它。

3个回答

11

编辑位于Jekyll实例根目录下的文件style.scss,你可以从这里更改字体:

body {
  ...
  font: 18px/1.4 $helvetica;
}

转换为:

body {
      font-family: "Times New Roman", Times, serif;
}

或者你想使用任何字体。

如果你想让它更好,可以使用变量,将它们添加到_sass/_variables.css中。

$times: "Times New Roman", sans-serif;

然后在style.scss中进行更改:

body {
    font: 18px/1.4 $times;
}

3
如果您正在使用默认的Jekyll主题 "Minima",请编辑文件 minima.scss 而不是 style.scss。要更改默认字体定义,您需要重置 $base-font-family 变量的值,例如:$base-font-family: "PT Serif", serif; 您还需要删除此设置末尾的 !default; 后缀。 - mabalenk
@mabalenk 这个评论还准确吗?或者现在 Minima 也使用 style.scss 了吗?Minima 源代码参考 - Marklar

2

请查看Jekyll字体更改

你提到的答案是通过编辑_config.yml文件添加字体名称。我建议在sass文件中添加字体。


1
如果您想将字体资产添加到项目中,而不是使用网络托管的字体,则可以将字体文件导入到项目的资产文件夹中。对于我正在使用的主题(minimal-mistakes),正确的资产文件夹位于ROOT/docs/assets/中。

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