meta.discourse.org 编辑器使用什么字体？

[haydenjames]

我注意到字体与帖子/预览字体不同。非常好！这个设置在哪里？

似乎是这个：

我找到的唯一相关设置是关于通用字体的：

谢谢

[Arkshine]

您可以在屏幕截图中点击“–d-font-family–monospace”。
它显示：

--d-font-family--monospace: JetBrains Mono, Consolas, Monaco, monospace;

它使用的是 JetBrains Mono，这是一个很棒的字体。

与 Monospace font in the Markdown-only editor - #14 by sam 相关。

[haydenjames]

太棒了！ 而且在我的情况下，它非常适合技术领域，因为它看起来很像终端字体。

我不确定我是否在答案中错过了，但我在 Admin 的哪里为编辑器设置这个？

编辑，我想我找到了：Change the default font on your site

一旦我做到了，我会编辑。

[Arkshine]

@haydenjames

, but where in Admin do I set this for the editor?

您可以通过 CSS 进行覆盖，例如：

body {
    --d-font-family--monospace: consolas;
}

请注意，此变量不仅在编辑器中使用。

如果您只想定位编辑器：

.d-editor .d-editor-input {
  font-family: consolas;
}

[haydenjames]

谢谢。通过将以下内容添加到我的全局标题中，我确实得到了它：

<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">

以及添加到全局 CSS：

:root {
  --d-font-family--monospace: "JetBrains Mono", Consolas, Monaco, monospace;
}

code,
pre,
.hljs,
.cooked code,
.d-editor-input,
.d-editor-preview code,
.d-editor-preview pre,
.markdown code,
blockquote code,
pre code {
  font-family: "JetBrains Mono", Consolas, Monaco, monospace !important;
}

[Arkshine]

您正在使用哪个版本的 Discourse？

[haydenjames]

[Arkshine]

下次重建时，您将不再需要此 CSS。
该字体于 4 月 2 日引入，您的构建日期是 3 月 27 日。

[haydenjames]

那么我现在可以重建并删除上面粘贴的整个 CSS 块了吗？

Google 字体怎么样？：

<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">

[Arkshine]

是的，你不需要任何补充。

[haydenjames]

好的，我会照做的！

[KhoiUSA]

我之前还在想为什么 Meta 上的字体比我自己的网站看起来更好看，现在我知道原因了！

很高兴看到这次新的字体更新，改动很细微但看起来很棒。