# Pretendard 커스텀 폰트 도입기

> Clean Markdown view of GeekNews topic #5764. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=5764](https://news.hada.io/topic?id=5764)
- GeekNews Markdown: [https://news.hada.io/topic/5764.md](https://news.hada.io/topic/5764.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-01-17T11:26:26+09:00
- Updated: 2022-01-17T11:26:26+09:00
- Original source: [blog.dramancompany.com](https://blog.dramancompany.com/2022/01/pretendard-커스텀-폰트-도입기/)
- Points: 14
- Comments: 6

## Topic Body

- 리멤버는 왜 기본 폰트 대신 커스텀 폰트를 적용하기로 했는가

ㅤ→ 플랫폼에 상관없이 통합해서 사용할 수 있는 커스텀 폰트 적용

- 고려사항

ㅤ→ 상업용 무료 폰트일 것

ㅤ→ 다양한 굵기(Weight)를 지원할 것

ㅤ→ UI 상에 한글이 잘 표현될 것

- Spoqa Han Sans Neo vs. Pretendard

ㅤ→ 최종 검토 결과 Pretendard가 더 적합하다고 판단

"시스템 서체가 플랫폼에 상관없이 통합됨에 따라서 더 이상 디자이너들이 플랫폼 별로 디자인을 만들 필요가 없어졌고, 디자인 시스템 상의 컴포넌트도 단일화되어 유지 보수가 더 간편해졌음"

## Comments



### Comment 8453

- Author: majorika
- Created: 2022-01-18T02:28:17+09:00
- Points: 1

동일한 목적으로 만들어진 SUIT 라는 폰트도 있습니다.

https://github.com/sunn-us/SUIT

### Comment 8447

- Author: leewin12
- Created: 2022-01-17T15:42:50+09:00
- Points: 1

본문 3번에 언급된 "쏠림 현상"이 어떤건지 아시는 분 계실까요?

블로그에 있는 예제로는 이해가 어려워, 한글 폰트 쏠림 현상으로 검색 했는데, 적절한 설명을 못 찾았습니다ㅠ

### Comment 8449

- Author: chanhee
- Created: 2022-01-17T16:55:16+09:00
- Points: 2
- Parent comment: 8447
- Depth: 1

폰트별로 텍스트의 위아래 여백이 다른경우가 대부분입니다.

예를들어 버튼안에 "확인" 이라는 글자가 있다면 padding: 4px 10px 이렇게 위아래를 동일하게 주는경우 보통 위쪽으로 치우치는경우가 많습니다.

그래서 padding-top: 4px; padding-bottom: 2px; 이런식으로 주기도 하는데 이럴경우 텍스트크기가 달라질때마다 매번 대응을 해야해서 좀 피곤합니다.

Pretendard폰트는 위아래 여백이 거의 같은 모양이네요.

### Comment 8547

- Author: leewin12
- Created: 2022-01-23T05:23:28+09:00
- Points: 1
- Parent comment: 8449
- Depth: 2

아하 답변 감사합니다!

### Comment 8445

- Author: peterkimzz
- Created: 2022-01-17T14:50:32+09:00
- Points: 2

Pretendard 정말 좋습니다. 다른 폰트를 이제 전혀 고려하지 않게 됐습니다.

### Comment 8442

- Author: xguru
- Created: 2022-01-17T11:26:32+09:00
- Points: 1

- Pretendard - 어느 플랫폼에서든 사용할 수 있는 system-ui 대체 한글 글꼴  https://news.hada.io/topic?id=4538