meta.discourse.org 편집기에 사용된 폰트는 무엇인가요?

제품 지원
1

게시물/미리보기 폰트와 다른 폰트를 사용하는 것 같네요. 정말 멋집니다! 이 설정은 어디에 있나요?

The image shows a support ticket inquiry about grouping restrictions in a software system, asking if changing certain settings would affect group browsing features like searching for members by '@'. (Captioned by AI)
The image shows a support ticket inquiry about grouping restrictions in a software system, asking if changing certain settings would affect group browsing features like searching for members by '@'. (Captioned by AI)941×238 29 KB

아래의 설정인 것 같습니다:
image

발견한 관련 설정은 일반 폰트 관련 설정뿐이었습니다:

The image displays a WordPress "Font style" customization page where users can select font styles, including a base font and a heading font, for their site, with options to reset or apply the changes. (Captioned by AI)
The image displays a WordPress "Font style" customization page where users can select font styles, including a base font and a heading font, for their site, with options to reset or apply the changes. (Captioned by AI)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: 제 경우 테크니컬 닷컴과 잘 어울리는데, 터미널 폰트와 매우 비슷해 보이거든요.

답변에서 놓친 건지 모르겠지만, 관리자 화면(Admin)의 어디에서 편집기용 폰트를 설정하나요?

수정: 찾아가는 것 같아요: 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가 필요하지 않습니다.
해당 폰트는 4월 2일에 도입되었으며, 빌드 날짜는 3월 27일입니다.

10

그럼 이제 다시 빌드해서 위에 붙여넣은 CSS 블록 전체를 삭제할 수 있나요?

Google 폰트는 어떻게 하나요?:

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

네, 추가할 필요가 없습니다.

12

고맙다는 한마디면 충분해요!

13

메타의 폰트가 내 사이트보다 더 예쁘게 보이는 이유가 궁금했는데, 이제 알겠다! :laughing:

이 새로운 폰트 업데이트를 볼 수 있어 기쁩니다. 미묘한 변화이지만, 정말 좋습니다.