Pretendard 커스텀 폰트 도입기
(blog.dramancompany.com)- 리멤버는 왜 기본 폰트 대신 커스텀 폰트를 적용하기로 했는가
ㅤ→ 플랫폼에 상관없이 통합해서 사용할 수 있는 커스텀 폰트 적용
- 고려사항
ㅤ→ 상업용 무료 폰트일 것
ㅤ→ 다양한 굵기(Weight)를 지원할 것
ㅤ→ UI 상에 한글이 잘 표현될 것
- Spoqa Han Sans Neo vs. Pretendard
ㅤ→ 최종 검토 결과 Pretendard가 더 적합하다고 판단
"시스템 서체가 플랫폼에 상관없이 통합됨에 따라서 더 이상 디자이너들이 플랫폼 별로 디자인을 만들 필요가 없어졌고, 디자인 시스템 상의 컴포넌트도 단일화되어 유지 보수가 더 간편해졌음"
본문 3번에 언급된 "쏠림 현상"이 어떤건지 아시는 분 계실까요?
블로그에 있는 예제로는 이해가 어려워, 한글 폰트 쏠림 현상으로 검색 했는데, 적절한 설명을 못 찾았습니다ㅠ
폰트별로 텍스트의 위아래 여백이 다른경우가 대부분입니다.
예를들어 버튼안에 "확인" 이라는 글자가 있다면 padding: 4px 10px 이렇게 위아래를 동일하게 주는경우 보통 위쪽으로 치우치는경우가 많습니다.
그래서 padding-top: 4px; padding-bottom: 2px; 이런식으로 주기도 하는데 이럴경우 텍스트크기가 달라질때마다 매번 대응을 해야해서 좀 피곤합니다.
Pretendard폰트는 위아래 여백이 거의 같은 모양이네요.
- Pretendard - 어느 플랫폼에서든 사용할 수 있는 system-ui 대체 한글 글꼴 https://news.hada.io/topic?id=4538