Mephisto's blog
·
Hugo自定义字体
💡
原文中文，约2700字，阅读约需7分钟。
📝
内容提要
本文介绍了自定义Hugo博客主题字体的步骤：修改配置文件，指定字体位置，重新编译项目，配置代码字体。
🎯
关键要点
- 博客使用 Hugo + hugo-clarity 皮肤，默认字体 Metropolis 需要用户下载，影响加载速度。
- 自定义字体步骤包括修改配置文件、指定字体位置和重新编译项目。
- 在 _fonts.sass 文件中配置字体，使用 local() 指定本地字体，优先级从前到后。
- 在 _variables.sass 文件中设置字体集合名称，以便在编译时生成正确的 font-family。
- fonts 目录用于存放自定义字体，确保字体高要求时使用。
- 重新编译项目时需使用 Hugo 的扩展版，以支持 Sass 转换为 CSS。
- Hugo 的代码字体可以单独配置，使用不同的高亮模式和字体设置。
➡️
