更改 Hugo 主题中的字体答案

【问题标题】：Change font in Hugo theme更改 Hugo 主题中的字体
【发布时间】：2020-03-09 08:24:19
【问题描述】：

Hugo 和 css 的新手。尝试根据这些说明更改 beautifulhugo 主题的字体：

我已经下载了两种字体并将它们放在 static/fonts 中

将以下内容添加到 config.toml

googlefonts = “http://fonts.googleapis.com/css?family=Itim|Limelight”

将此添加到 static/css/custom_style.css

body {
font-family: ‘Limelight’, cursive;
}
p {
font-family: ‘Itim’, cursive;
}

并将其添加到 layouts/partials/head_custom.html

 {{ if .Site.Params.googlefonts }}
 <link rel="stylesheet" href="{{ .Site.Params.googlefonts }}" type="text/css" media="all" /> 
 {{ end }}

然而，没有可见的变化。请告知我做错了什么。

【问题讨论】：

【解决方案1】：

在config.toml中，添加

[params]
    custom_css = ["css/custom_style.css"]

不确定这是否适用于所有主题，但它适用于the theme I'm using。

【讨论】：

【解决方案2】：

你说：

我已经下载了两种字体并将它们放在 static/fonts 中

如果您使用的是谷歌字体，为什么要这样做？

无论如何，您是否尝试从googlefonts = “http://fonts.googleapis.com/css?family=Itim|Limelight” 中删除http:

您的代码中可能有一些东西正在覆盖您的字体设置。

如果您可以将您的网站放在网上某个地方，这样我们就可以检查正在发生的事情，这将很有帮助。

【讨论】：

@ixodid 是的，没有名为custom_style.css 的文件，所以这当然行不通。此外，您的字体根本不会被调用到页面。您使用的代码根本不起作用。你知道如何将自定义 CSS 添加到 Hugo 网站吗？
嗨，不，我没有。
@ixodid 建议您阅读文档 :) 我从未与 Hugo 合作过，所以我也不知道。但现在至少你知道问题出在哪里了。