1

最近几天我一直在尝试使用 Jekyll。我想我了解它的基础知识。我测试了大约 4 个模板并让它们运行并理解 jekyll 页面的结构。这没什么神奇的。

今天我来到了我想改变我的模板字体的地步。我目前正在使用Strap Teamplate 上的类型,您可以在此处查看我在 git 页面上构建的 repo

我在 stackoverflow 上查看了这篇文章。这帮助我识别了 _sass/base 文件夹中的 _variables.scss 文件。线程还在继续,说整个文件可能通过一个 scss 文件来控制,通常被称为主题。好了,我在 _sass 文件夹中找到了 Type-on-Strap。

现在我的问题是:我是否必须像下面那样编辑 _variables.scss,如果是这样,我将 ttf 文件放在哪里或如何正确链接到 webfont?还是我将 _variables 文件保持原样,只需要编辑 type-on-strap.scss 文件?如果再次这样,我需要改变什么?

_variable.scss 文件:

// Typography
$font-family-main: 'Source Sans Pro', Helvetica, Arial, sans-serif;
$font-family-headings: 'Source Sans Pro', Helvetica, Arial, sans-serif;
$font-family-logo: 'Source Sans Pro', Helvetica, Arial, sans-serif;
$font-size: 1.25em;

所以我不想再使用Sans Pro了。我想使用Barlow Semi Condensed作为主要字体,使用 Barlow Semi Condensed Medium 作为标题和徽标。我会把代码改成这样吗?:

$font-family-main: 'Barlow Semi Condensed', sans-serif;
$font-family-headings: 'Barlow Semi Condensed', sans-serif;
$font-family-logo: 'Barlow Semi Condensed', sans-serif;

摘要:我只想知道,我需要编辑什么才能让 Barlow 字体替换我正在使用的模板上的 sans pro 字体。

希望人们不会因为我再发一篇关于这个的帖子而生气。我浏览了一些答案,这是尝试的第二天。有点累了:)

提前致谢!

4

1 回答 1

0

嘿感谢您使用主题。我看到您的问题有两种解决方案

  1. 如果你不熟悉 sass,通常可以在head.html中直接导入你的字体的 css 。尝试寻找“嵌入式”版本。

对于这种字体,您只需在标题中添加这一行,然后_variable.scss像您所做的那样修改它以使其工作。

<link href="https://fonts.googleapis.com/css2?family=Barlow&display=swap" rel="stylesheet"> 
  1. 如果你想用 sass/scss 手动添加你的字体,没有魔法,你需要:

于 2020-04-22T19:43:39.873 回答