我有一个使用 minima 主题的简单 jekyll 网站。 这是该网站的简单 index.md 文件的样子：
---
layout: home
---
# A Simple site for testing stuff
The next two lines should be in different fonts
* This bullet point is in the default minima font. The next point should be in Google Gentium Basic web font
* <span class="nkonya">Nɔ́pʋ Gugɛl Gyɛntiam Besɩk wɛbfɔnt wanlɩn ɩ́nɩ.</span>
This is on the Home Page.
我对 jekyll 和 css/sass/scss 的了解还不够，无法让奇迹发生，因此 Google API 中的 Gentium Basic 字体将应用于我用 ....
标记的代码。如果有比使用 标记更好的解决方案，那就没问题了。
我找到的大多数答案都涉及替换基本字体。我不想这样做，只需添加一种字体并有一个相当简单的方法来应用该字体。
这很容易。您需要覆盖
head.html_includes<head></head <!-- fonts -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Arvo">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Raleway">
当然可以使用您选择的字体更改 Arvo 和 Raleway。
然后你需要重写CSS。您可以创建一个
css/override.cssbody {
font-family: 'Raleway', serif;
}
h1, h2, h3, h4, h5, .site-title, .site-nav {
font-family: 'Arvo', sans-serif;
}
然后你加载这个CSS。返回到您的
head.html<head><link rel="stylesheet" href="{{ site.baseurl }}/css/override.css" />