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

**URL:** https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964
**Category:** Support
**Tags:** google-fonts
**Created:** [4월 22, 2025, 12:13오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964 "2025-04-22T12:13:39Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![haydenjames](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haydenjames/32/255678_2.png) [@haydenjames](https://meta.discourse.org/u/haydenjames)
#### Post date: [4월 22, 2025, 12:13오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/1 "2025-04-22T12:13:39Z")

</div>

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

 ![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)](https://global.discourse-cdn.com/meta/original/4X/c/e/2/ce20cde5819d2ad2d2b00bfc2249ac496d72edb0.png)

아래의 설정인 것 같습니다:  
 ![image](https://global.discourse-cdn.com/meta/original/4X/9/f/0/9f01336d3703d0209aab60a8b944ef515a46787e.png)

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

 ![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)](https://global.discourse-cdn.com/meta/original/4X/2/c/3/2c319a66b76b00ba99253b1ad626e806815a36bc.png)

감사합니다

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [4월 22, 2025, 12:22오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/3 "2025-04-22T12:22:26Z")

</div>

스크린샷에서 "_–d-font-family–monospace_"를 클릭할 수 있습니다.  
다음과 같이 표시됩니다:

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

```

JetBrains Mono를 사용하고 있으며, 아주 좋은 폰트입니다.

[Monospace font in the Markdown-only editor - #14 by sam](https://meta.discourse.org/t/monospace-font-in-the-markdown-only-editor/359936/14?u=arkshine) 관련 내용입니다.

---

<div class="post-metadata">

### Author: ![haydenjames](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haydenjames/32/255678_2.png) [@haydenjames](https://meta.discourse.org/u/haydenjames)
#### Post date: [4월 22, 2025, 12:36오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/4 "2025-04-22T12:36:02Z")

</div>

정말 멋져요! 😎 제 경우 테크니컬 닷컴과 잘 어울리는데, 터미널 폰트와 매우 비슷해 보이거든요.

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

수정: 찾아가는 것 같아요: [Change the default font on your site](https://meta.discourse.org/t/change-the-default-font-on-your-site/21282)

설정하면 다시 수정하겠습니다.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [4월 22, 2025, 12:48오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/5 "2025-04-22T12:48:56Z")

</div>

> [@haydenjames](#):
>
> , 하지만 관리자에서 편집기를 위해 이 설정을 어디에서 해야 하나요?

CSS로 덮어쓸 수 있습니다. 예를 들어:

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

```

이 변수는 편집기에서만 사용되는 것이 아닙니다.

편집기만 대상으로 하려면:

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

```

---

<div class="post-metadata">

### Author: ![haydenjames](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haydenjames/32/255678_2.png) [@haydenjames](https://meta.discourse.org/u/haydenjames)
#### Post date: [4월 22, 2025, 12:54오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/6 "2025-04-22T12:54:10Z")

</div>

감사합니다. 전역 헤더에 다음 코드를 추가해서 해결했습니다:

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

```

그리고 전역 CSS에는 다음을 추가했습니다:

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

```

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [4월 22, 2025, 12:59오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/7 "2025-04-22T12:59:31Z")

</div>

어떤 버전의 Discourse를 사용 중이신가요?

---

<div class="post-metadata">

### Author: ![haydenjames](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haydenjames/32/255678_2.png) [@haydenjames](https://meta.discourse.org/u/haydenjames)
#### Post date: [4월 22, 2025, 1:01오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/8 "2025-04-22T13:01:01Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/6/1/3/613a514226157661a9502c5d162c5f90f7cd7584.png)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [4월 22, 2025, 1:07오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/9 "2025-04-22T13:07:40Z")

</div>

다음에 빌드를 다시 수행하면 이 CSS가 필요하지 않습니다.  
해당 폰트는 4월 2일에 도입되었으며, 빌드 날짜는 3월 27일입니다.

---

<div class="post-metadata">

### Author: ![haydenjames](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haydenjames/32/255678_2.png) [@haydenjames](https://meta.discourse.org/u/haydenjames)
#### Post date: [4월 22, 2025, 1:11오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/10 "2025-04-22T13:11:04Z")

</div>

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

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

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

```

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [4월 22, 2025, 1:23오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/11 "2025-04-22T13:23:05Z")

</div>

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

---

<div class="post-metadata">

### Author: ![haydenjames](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haydenjames/32/255678_2.png) [@haydenjames](https://meta.discourse.org/u/haydenjames)
#### Post date: [4월 22, 2025, 1:23오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/12 "2025-04-22T13:23:26Z")

</div>

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

---

<div class="post-metadata">

### Author: ![KhoiUSA](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/khoiusa/32/373010_2.png) [@KhoiUSA](https://meta.discourse.org/u/KhoiUSA)
#### Post date: [4월 23, 2025, 3:20오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/13 "2025-04-23T15:20:03Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [5월 23, 2025, 3:20오후 UTC](https://meta.discourse.org/t/what-font-is-used-in-meta-discourse-org-editor/362964/14 "2025-05-23T15:20:29Z")

</div>

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