如何覆盖雨果书主题中的自定义字体？答案

【问题标题】：How do I override the custom font in the Hugo book theme?如何覆盖雨果书主题中的自定义字体？
【发布时间】：2022-11-03 14:50:26
【问题描述】：

所以我正在建立一个以雨果书为主题的网站。文档here（在额外定制) 说在./assets 下创建scss 文件，而主题子模块本身将其css 默认值存储在./theme/hugo-book/assets 下。

按照这个逻辑，我在./assets/_fonts.scss 创建了一个 scss 文件：

/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/merriweather-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/merriweather-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/merriweather-v28-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/merriweather-v28-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
  font-family: 'Merriweather', sans-serif;
}

但是 hugo 仍然从主题目录中选择默认的机器人字体。字体存储在./static/fonts 下，雨果编译器似乎正在接受这些更改。

我应该改为对 hugo-theme 子模块进行更改而不担心它吗？这似乎不对。在互联网上搜索显示对config.toml 中custom_css 参数条目的引用，但它会指向./assets - 这不是默认值吗？

在问雨果书作者之前先在这里问一下，以防我遗漏了一些简单的东西。

【问题讨论】：

标签： hugo

【解决方案1】：

你必须创建一个资产主题根目录下的文件夹。这个资产文件夹不应位于任何其他文件夹内。对于字体，创建一个文件夹名称为静止的并在其中创建另一个名为字体并将您的网络字体放入其中。要使字体正常工作，请将字体样式表粘贴到_custom.scss部分的。这些应该可以正常工作。注意：静态文件夹不应位于另一个文件夹中。

【讨论】：