如何让Hugo Wowchemy站点本地加载Roboto字体？

要让Wowchemy加载本地Roboto字体而非远程Google Fonts，需完成以下配置：

1. 添加本地字体的@font-face规则 #

在站点的assets/css/custom.css文件中（不存在则创建），添加针对Roboto各字重/样式的字体定义，示例如下：

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'),
       url('/fonts/roboto-regular.woff2') format('woff2'),
       url('/fonts/roboto-regular.woff') format('woff'),
       url('/fonts/roboto-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'),
       url('/fonts/roboto-italic.woff2') format('woff2'),
       url('/fonts/roboto-italic.woff') format('woff'),
       url('/fonts/roboto-italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'),
       url('/fonts/roboto-bold.woff2') format('woff2'),
       url('/fonts/roboto-bold.woff') format('woff'),
       url('/fonts/roboto-bold.ttf') format('truetype');
}

注意：请根据static/fonts下的实际文件名修改URL路径，大小写需严格匹配（Linux服务器环境下大小写敏感）。按需添加300、500等其他字重的规则。

2. 禁用远程Google Fonts加载 #

修改站点配置文件config/_default/params.yaml（或当前使用的params.yaml路径），调整字体配置，清空google_fonts参数以阻止远程加载：

fonts:
  google_fonts: ""
  text: "Roboto"
  # 若代码字体也需本地部署，可同步调整code字段并添加对应@font-face规则
  # code: "Roboto Mono"

3. 验证生效 #

• 重启Hugo开发服务器
• 清除浏览器缓存（快捷键Ctrl+Shift+R或Cmd+Shift+R）
• 使用浏览器开发者工具或字体插件检查，确认字体从本地/fonts路径加载，而非远程Google服务器

内容的提问来源于stack exchange，提问作者Public Image Ltd.