你好，
我正在尝试为我的主题添加自定义字体，但它不起作用……我肯定做错了什么，但我找不到在哪里。
- 我正在开发自己的主题，并通过 GitHub 安装。
- 在 assets 存储库中，我上传了我的字体，这些字体不是 Google 字体：
- 在 about.json 中，我导入了文件：
- 在我的 scss 存储库中，我创建了我的字体系列：
我尝试添加：format(‘woff2’)，但它也不起作用。
- 然后：
嗯，它不起作用……有什么想法吗？
2 个赞
我不确定问题可能是什么。我会查看在主题和组件中包含资源（例如图像、字体）。如果这没有帮助，我很抱歉。
2 个赞
你好 @Joart，
我确定我是在过度简化，但我注意到在你的 about.json 代码片段中，字体路径指向一个 assets 文件夹，但在你的 css 中，路径指向一个 fonts 文件夹。你确定 css 源路径是正确的吗？
5 个赞
这是一个很好的发现，但您不希望像这样在 CSS 中使用路径，而应使用资源名称作为变量来引用文件：
@font-face {
font-family: supply-light;
src: url($supply-light);
}
这在 Include assets (e.g. images, fonts) in themes and components 中有介绍
8 个赞
我试过了，但它不起作用 
很难猜测原因。您可以将主题放在 GitHub 上并链接到它，或者在此处发布您的代码。
您是否遵循了 @awesomerobot 提供的示例？
1 个赞
您好 @Joart，
我在一个相当新的 Discourse 实例上尝试了一下，在我尝试的前几种字体时遇到了一些麻烦。我使用了一个免费的在线转换器将它们转换成了 .woff2 格式，但我认为它可能做得不太好。
当我尝试使用 .otf 字体，然后再尝试使用一个更可靠的转换器转换的另一个 .woff2 字体时，我能够按照 @pfaffman 和 @awesomerobot 链接的指南中的步骤添加自定义字体。
实际上只需要两个步骤——使用“添加上传”模态框上传文件，并将示例 SCSS 中仅有的 @font-face 和 body 行添加到主题或组件中。
我相信如果您能提供更多细节并分享您的代码和字体，我们就能帮助您解决这个问题。
3 个赞
太好了，谢谢！我尝试了 ttf 格式，它能用！
1 个赞
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.