# 폰트를 Source Sans Pro로 변경했지만 글자에만 적용됩니다

**URL:** https://meta.discourse.org/t/changed-font-to-source-sans-pro-but-only-takes-effect-on-letters/221949
**Category:** Feature
**Created:** [3월 25, 2022, 8:56오전 UTC](https://meta.discourse.org/t/changed-font-to-source-sans-pro-but-only-takes-effect-on-letters/221949 "2022-03-25T08:56:48Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Kuro22](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuro22/32/261055_2.png) [@Kuro22](https://meta.discourse.org/u/Kuro22)
#### Post date: [3월 25, 2022, 8:56오전 UTC](https://meta.discourse.org/t/changed-font-to-source-sans-pro-but-only-takes-effect-on-letters/221949/1 "2022-03-25T08:56:48Z")

</div>

사이트의 기본 글꼴을 여기서 변경했습니다:  
 ![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/3X/a/b/abc47606d3805dd5132780517180c3e025ed661d.png)

변경 후 모습은 다음과 같습니다 ⬇

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/c/ecc6805ba6721963da69bcc3d345ee8d9584eb59.png)

영문 문자의 글꼴은 변경되었지만 중국어 문자는 여전히 기본 글꼴로 표시됩니다. 왜 그런지 궁금하고, 이 문제를 해결하고 싶습니다. 도와주실 수 있는 분 계신가요? 🙇‍♂️

참고: Google Fonts API와 Google Font 테마 컴포넌트도 시도해 보았습니다. 또한 테마 자산으로 글꼴(Source Sans Pro)을 업로드하는 것도 시도해 보았지만, 결과는 동일합니다.

---

<div class="post-metadata">

### Author: ![ferdnyc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ferdnyc/32/153935_2.png) [@ferdnyc](https://meta.discourse.org/u/ferdnyc)
#### Post date: [3월 25, 2022, 1:10오후 UTC](https://meta.discourse.org/t/changed-font-to-source-sans-pro-but-only-takes-effect-on-letters/221949/2 "2022-03-25T13:10:21Z")

</div>

소스 산스 프로(Source Sans Pro)에 대해 찾을 수 있는 모든 정보는 이 폰트가 중국어 문자를 지원하지 않는다고 보여줍니다. 라틴 문자 글리프가 몇 백 개 정도만 포함되어 있습니다.

대신 [소스 한 산스 번체 중국어](https://fonts.adobe.com/fonts/source-han-sans-traditional-chinese) 또는 […간체 중국어](https://fonts.adobe.com/fonts/source-han-sans-simplified-chinese)를 사용해야 합니다. (또는 CJK 글리프를 지원하는 다른 폰트를 사용해도 됩니다.)

---

<div class="post-metadata">

### Author: ![Kuro22](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuro22/32/261055_2.png) [@Kuro22](https://meta.discourse.org/u/Kuro22)
#### Post date: [3월 25, 2022, 1:32오후 UTC](https://meta.discourse.org/t/changed-font-to-source-sans-pro-but-only-takes-effect-on-letters/221949/3 "2022-03-25T13:32:57Z")

</div>

아… 소스 산스 프로(Source Sans Pro)를 소스 한 산스(Source Han Sans)로 착각했네요. 이제 이해했어요, 감사합니다!

하지만 구글 폰트 API를 통해 노토 산스 간체(Noto Sans Simplified Chinese, 소스 한 산스와 동일)를 사용할 때 이 문제를 겪었습니다.

---

<div class="post-metadata">

### Author: ![ferdnyc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ferdnyc/32/153935_2.png) [@ferdnyc](https://meta.discourse.org/u/ferdnyc)
#### Post date: [3월 25, 2022, 1:45오후 UTC](https://meta.discourse.org/t/changed-font-to-source-sans-pro-but-only-takes-effect-on-letters/221949/4 "2022-03-25T13:45:55Z")

</div>

여러 스크립트를 동일한 포럼에서 함께 사용하려면 [커스텀 CSS를](https://fonts.google.com/noto/use#use-noto-fonts-as-web-fonts) 사용해야 할 수 있습니다.

기본적으로 CSS에서 다음과 같은 폰트 스타일링을 적용해야 합니다:

```css
font-family: 'Noto Sans Simplified Chinese', 'Noto Sans', sans-serif;

```

기본(Base) 폰트 설정으로 이 역할을 수행할 수 있을지 확실하지 않습니다.

---

<div class="post-metadata">

### Author: ![Kuro22](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuro22/32/261055_2.png) [@Kuro22](https://meta.discourse.org/u/Kuro22)
#### Post date: [3월 26, 2022, 3:39오전 UTC](https://meta.discourse.org/t/changed-font-to-source-sans-pro-but-only-takes-effect-on-letters/221949/5 "2022-03-26T03:39:30Z")

</div>

> [@ferdnyc](#):
>
> 기본적으로 CSS에서 다음과 같은 폰트 스타일링을 적용해야 합니다.

실제로 저는 CSS에 아무것도 넣지 않았는데, 이제 문제가 무엇이었는지 알겠습니다. 말씀해 주신 [구글 폰트에서 웹에 Noto 폰트를 사용하는 공식 가이드](https://fonts.google.com/noto/use#use-noto-fonts-as-web-fonts)를 따라 사이트의 폰트를 Noto Sans SC로 성공적으로 변경했습니다! 🥰 감사합니다!!

저와 같은 문제(구글 폰트 API를 통해 사이트에 Noto 비유럽 언어 폰트를 설정하지 못하는 문제)를 겪은 분들을 위해, 위에서 언급한 공식 가이드를 확인해 보시기 바랍니다.

**Noto Sans CJK** 를 사용하려는 분들을 위한 팁: 알파벳 문자가 잘 보이도록 **font-family** 속성에서 **Noto Sans** 를 **Noto Sans TC** (또는 **SC** , **JP** 등)보다 앞에 배치하는 것을 잊지 마세요.  
예시:

```plaintext
body {
    font-family: 'Noto Sans', 'Noto Sans SC', sans-serif;
}

```
