Какой шрифт используется в редакторе meta.discourse.org?

Поддержка
1

Я заметил, что шрифт отличается от шрифта в посте/предпросмотре. Очень здорово! Где находится эта настройка?

Изображение показывает запрос в службу поддержки о ограничениях группировки в программной системе, спрашивая, повлияет ли изменение определенных настроек на функции просмотра групп, такие как поиск участников по символу '@'. (Подписано ИИ)
Изображение показывает запрос в службу поддержки о ограничениях группировки в программной системе, спрашивая, повлияет ли изменение определенных настроек на функции просмотра групп, такие как поиск участников по символу '@'. (Подписано ИИ)941×238 29 KB

Кажется, это здесь:
image

Единственная связанная настройка, которую я нашел, относится к общим шрифтам:

Изображение отображает страницу кастомизации «Стиль шрифта» в WordPress, где пользователи могут выбирать стили шрифтов, включая базовый шрифт и шрифт заголовков, для своего сайта, с возможностью сброса или применения изменений. (Подписано ИИ)
Изображение отображает страницу кастомизации «Стиль шрифта» в WordPress, где пользователи могут выбирать стили шрифтов, включая базовый шрифт и шрифт заголовков, для своего сайта, с возможностью сброса или применения изменений. (Подписано ИИ)1196×598 22.3 KB

Спасибо

3

Вы можете нажать на «–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

Отредактирую, как только сделаю.

5

Вы можете переопределить это с помощью CSS, например:

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

Обратите внимание, что эта переменная используется не только в редакторе.

Если вы хотите настроить только редактор:

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

Спасибо. Я решил проблему, добавив это в свой глобальный заголовок:

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

Какую версию Discourse вы используете?

8

image
image247×229 7.88 KB

9

В следующий раз при пересборке этот CSS вам не понадобится.
Шрифт был добавлен 2 апреля, а дата вашей сборки — 27 марта.

10

Значит, я могу сейчас пересобрать проект и удалить весь блок CSS, который я вставил выше?

А как насчёт Google-шрифта?:

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

Да, никаких дополнений не требуется.

12

Спасибо, сделаю!

13

Мне всегда было интересно, почему шрифт на Meta выглядел лучше, чем на моём собственном сайте, и теперь я знаю почему! :laughing:

Рад видеть это обновление шрифта — изменение незаметное, но выглядит отлично.