meta.discourse.orgエディタで使用されているフォントは何ですか?

投稿/プレビューのフォントとは違うフォントですね。とても良いです!この設定はどこにありますか?

これのようです:
画像

一般フォントに関連する設定しか見つかりませんでした:

ありがとうございます

「いいね!」 2

スクリーンショットで「–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 に関連しています。

「いいね!」 4

素晴らしいですね!:smiling_face_with_sunglasses: 私の場合、ターミナルフォントに似ているため、テクノロジー分野にもよく合います。

回答で見落としたかもしれませんが、管理画面のどこでエディタにこれを設定しますか?

編集します。見つけました:Change the default font on your site

設定したら編集します。

「いいね!」 2

CSSで上書きできます。例:

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

この変数はエディタ以外でも使用されることに注意してください。

エディタのみを対象としたい場合:

.d-editor .d-editor-input {
  font-family: consolas;
}
「いいね!」 1

ありがとうございます。グローバルヘッダーに以下を追加することで、取得できました。

<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;
}

どのバージョンの Discourse を使用していますか?

次回再構築する際には、このCSSは不要になります。
フォントは4月2日に導入され、ビルド日は3月27日です。

「いいね!」 1

CSSのブロック全体を貼り付けたものを削除して、再構築しても良いということですか?

Googleフォントについてはどうなりますか?

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

はい、追加は必要ありません。

「いいね!」 1

ありがとうございます。やってみます!

「いいね!」 1

Metaのフォントが自分のサイトよりも見栄えが良い理由が気になっていたのですが、これで理由がわかりました!:laughing:

この新しいフォントアップデートは嬉しいです。わずかな変更ですが、素晴らしい見た目です。

「いいね!」 4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.