【问题标题】:How can I change the default font for a Jekyll website如何更改 Jekyll 网站的默认字体
【发布时间】:2017-05-23 22:18:55
【问题描述】:

我刚开始使用 Jekyll、css 等,我分叉了 Jekyll now 存储库。有没有办法可以更改或添加整个 jekyll 网站的默认字体?看来this post可能有一些答案,但我不是很明白。

【问题讨论】:

    标签: css yaml jekyll


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

      编辑位于 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;
      }
      

      【讨论】:

      • 如果您使用默认的 Jekyll 主题“Minima”,请编辑文件minima.scss 而不是style.scss。要更改默认字体定义,您需要重置 $base-font-family 变量的值,例如:$base-font-family: "PT Serif", serif; 您还需要删除此设置末尾的 !default; 后缀。
      • @mabalenk 此评论是否仍然准确,或者 Minima 现在是否也使用 style.scssMinima source code reference
      【解决方案3】:

      检查这个 Font change Jekyll

      您提到的答案是通过添加字体名称来编辑您的 _config.yml 文件。我更喜欢在 sass 文件中添加你的字体。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-06-23
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-02-03
        相关资源
        最近更新 更多