css - 更改 Jekyll Minima(默认)主题中的字体

Question

我已经开始对 Jekyll 进行一些试验，并研究它是如何工作的。到目前为止，它有点令人困惑。

首先，minima主题属性捆绑在 gem 中，并且在初始 View 中是隐藏的。所以我复制了minima-2.5.0/_sass/minima.scss到我创建的元素目录，它应该覆盖默认配置。

在该变量文件中，我看到以下主要字体变量:
$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
我太害怕碰它了。如何更改 Jekyll 站点中的默认字体？为什么这里定义了这么多，它们如何优先于另一个？

如果我想使用本地 Ubuntu 字体怎么办，比如 Ubuntu mono ?
如果我想使用 Inconsolata 或 googlefonts 中的其他字体怎么办？

Answer 1

本地字体不会显示一致，因为人们可能没有/安装它们。您可以使用由 Google 托管的免费字体(人们似乎称之为“Google 字体”)。如果您想使用 Ubunty Mono，请使用以下命令:

$base-font-family: 'Ubuntu Mono', monospace;

并将其添加到您的脑海中:

<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet"> 

更好的解决方案是使用 download helper 下载字体。 .

重要提示 - 将您的公司名称放在向社区免费发布的东西前面是不酷的(谷歌字体)。使用它来创建“免费服务”来跟踪人们的在线行为更加不酷。大多数人称之为窃取(剽窃)和窥探。我们告诉我们的 child ，这很糟糕。我们(作为 Web 开发人员)不应该为此提供便利。我们不应向访问者提供 Google 字体。只需下载这些免费字体并从您的网络服务器提供它们。他们(应该)与谷歌无关。如果您是这些字体中的任何一种的所有者，请阻止 Google 托管它们。停止促进大规模监视。谢谢你。