작업/글꼴

Pretendard

2021. 6. 28. 12:00

Pretendard

Pretendard 프리텐다드

system-ui를 대체하는 글꼴

Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는 다른 환경에서 이를 대체할 수 있는 글꼴을 꾸준히 갈망해왔다. Inter는 San Francisco가 없는 다른 환경에서 대체 역할을 쏠쏠히 해오고 있다고는 하지만, 타협 없이 네오 그로테스크의 뜻을 가진 San Francisco와 달리 몇몇 소문자 글자가 휴머니스트적인 인상을 가지고 있기 때문에, 이를 다듬어 아예 완벽한 따라쟁이를 만들어버리는 것은 어떨까 싶은 것이다. 이어서 맑은 고딕과 나눔고딕을 대신해 본문용 무료 글꼴의 대명사로 쓰이고 있는 Noto Sans KR—본고딕은, 그 글자를 조형하는 여러 사람들이 공통적으로 자간을 조정하는 데 시간을 쏟고 있다는 것과, 본고딕의 한글 크기가 대부분의 한글 글꼴들과 비슷하게 다국어 타이포그래피 환경에서는 조금 크게 자리잡아 라틴 글자와 섞어쓸 때 글자 비율을 어느정도 조정해서 쓰는 점이 제품을 만드는 데 어느정도 부채가 쌓이는 상황이라 보았고, 이처럼 적합하지 않은 글꼴로부터 생기는 추가적인 소요를 줄이자는 데에서 이 프로젝트를 2020년 11월부터 천천히 다듬어왔다. 

기본적인 글꼴 방향은 주어진 리소스가 허락하는 선에서 최대한 눈에 익숙하며, 글꼴에 구태여 손을 보지 않아도 되게끔 만들자였다. Apple의 타이포그래피 환경에 익숙해 다른 환경에서도 그러한 조형과 얼마큼 함께하길 바란다면, 또는 표준을 구성하는 데 마땅한 글꼴이 없어 어려움이 있는 상황이라면 이 글꼴이 도움이 되었으면 한다.

글자가족

  • 얇은체 100
  • 매우가는체 200
  • 가는체 300
  • 일반체 400
  • 중간체 500
  • 세미볼드체 600
  • 볼드체 700
  • 엑스트라볼드체 800
  • 블랙체 900

미리보기

특징

Inter 글꼴가족, Thin부터 Black까지 9개 패밀리로 구성됨.
본고딕 글꼴가족, SemiBold와 ExtraBold의 빈 공간 강조. 본고딕 글꼴가족, SemiBold와 ExtraBold가 없다.
Pretendard 글꼴가족에서 SemiBold와 ExtraBold. Pretendard 글꼴가족, Thin부터 Black까지 9개 패밀리로 구성됨.

Pretendard에서는 본고딕 소스로부터 Black 마스터를 만들어낸 뒤 이를 9개 글자가족으로 분화해 본고딕에는 없던 SemiBold와 ExtraBold 굵기를 지원한다. 또한 가변 속성을 지원해 타이포그래피 트렌드에서 굵기에 대한 얼마큼의 타협 없이 생각하는 만큼 쓰는 것도 가능하다.

본고딕, Pretendard, Apple SD 산돌고딕 Neo 한글꼴 비교
순서대로 본고딕, Pretendard, Apple SD 산돌고딕 Neo
Pretendard 한글꼴 구조, 순서대로 개선되는 부분 강조, PC 맞춤 이미지 Pretendard 한글꼴 구조, 순서대로 개선되는 과정, PC 맞춤 이미지 Pretendard 한글꼴 구조, 본고딕 소스에서 굵기를 맞춘 부분, PC 맞춤 이미지
Pretendard 한글꼴 구조, 순서대로 개선되는 부분 강조, 모바일 맞춤 이미지 Pretendard 한글꼴 구조, 순서대로 개선되는 과정, 모바일 맞춤 이미지 Pretendard 한글꼴 구조, 본고딕 소스에서 굵기를 맞춘 부분, 모바일 맞춤 이미지
본고딕 한글꼴을 Apple SD 산돌고딕 Neo와 맞춘 과정과 비교

Apple SD 산돌고딕 Neo와 가능한 같은 구조를 가져가기 위해 1%도 되지 않는 비율을 몇 번이나 조정하는 등 여러 시행착오를 거쳤다. 가장 먼저 Apple SD 산돌고딕 Neo와 비교했을 때 현저히 다른 글자 속공간을 맞추고, 라틴 글자와 같이 두었을 때 서로 맞지 않는 글자처럼 보이지 않게 크기를 맞췄다. 그 다음 대문자와 위치를 알맞게 맞춘 뒤 조정이 일단락된 듯해 글꼴을 써보니 한글꼴의 비율이 어딘가 길쭉해 보여 높이를 조금 줄이고, 익숙한 회색도로 맞추기 위해 굵기도 몇 번 조정을 거쳐 최종적으로 본고딕 한글꼴에서 2% 더 얇게 글자를 다듬었다.

Inter에서 달라진 Pretendard 글리프 비교, PC 맞춤 이미지
Inter에서 달라진 Pretendard 글리프 비교, 모바일 맞춤 이미지
Inter와 Pretendard의 글자꼴
Pretendard와 San Francisco와의 구조 비교 강조, PC 맞춤 이미지 Pretendard와 San Francisco와의 구조 비교, PC 맞춤 이미지
Pretendard와 San Francisco와의 구조 비교 중 San Francisco 강조, 모바일 맞춤 이미지 Pretendard와 San Francisco와의 구조 비교 중 Pretendard, 모바일 맞춤 이미지
Pretendard와 San Francisco의 글자꼴 및 대문자 높이
글꼴이 Inter인 본문
글꼴이 Pretendard인 본문
글꼴이 Helvetica Neue인 본문
Inter와 Pretendard, Helvetica Neue의 자간
모양

위에서 서술했듯 Inter에 조금 남아 있는 휴머니스트적인 인상을 네오 그로테스크에 가깝게 다듬었다. 이외로 @나 원 기호—₩ 등을 일상적으로 쓰이는 모습으로 맞추고, San Francisco와 비교했을 때 조금 좁게 보였던 숫자도 폭을 기존보다 넓혀 더욱 자연스럽도록 했다.

글자 높이

Inter는 글자 크기가 11px일 때 가장 또렷하게 보일 수 있게 11px 그리드에서 구조가 잡혀 있는데, apple-system을 바탕으로 구성한 레이아웃이 Pretendard를 쓰는 환경에서도 동일하게 작동할 수 있게 글자 높이를 San Francisco와 맞췄다.

자간

San Francisco Text와 같은 자간 구조를 가진 Inter는 12px 읽기 환경에 맞춰져 있는데, 12px가 아닌 상황에서 최적의 읽기 환경을 제공하기에는 글자 크기가 변화할 때마다 각기 다른 letter-spacing을 적용하기 힘든 점을 고려해 Helvetica Neue와 본문 크기일 때의 San Francisco에 맞춰 공간을 다듬었다.

Pretendard에서 추가된 글리프 강조, PC 맞춤 이미지 Pretendard에서 추가된 글리프 확인을 위한 문장, PC 맞춤 이미지
Pretendard에서 추가된 글리프 강조, 모바일 맞춤 이미지 Pretendard에서 추가된 글리프 확인을 위한 문장, 모바일 맞춤 이미지

한국의 단어 표기법을 고려해 Inter에 없던 화살괄호와 낫표를 추가하고, 출판 환경을 고려해 한글에 맞춘 줄임표를 스타일 세트—ss05로 지원한다. 음표 심벌은 ★과 ♥를 새로 맞추면서 함께 추가했다. 따라서 이모티콘을 즐겨 사용한다면 음표가 기존보다 조금 더 예쁘게 보일 수 있다. ♪(๑ᴖ◡ᴖ๑)♪

Apple system-ui에서 영어, 한국어, 읽본어 섞어쓰기 하이라이트 Pretendard에서 영어, 한국어, 읽본어 섞어쓰기 하이라이트
Apple system-ui에서 영어, 한국어, 읽본어 본문 섞어쓰기 Pretendard에서 영어, 한국어, 읽본어 본문 섞어쓰기
순서대로 Apple system-ui, Pretendard JP

이제 Pretendard JP를 통해 일본 환경에서도 보다 쾌적하게 다국어를 섞어 쓸 수 있다. CJK—동북아 문화권과, 동북아 문화권이 아닌 다른 글자를 서로 더욱 자연스럽게 읽을 수 있도록 가나와 한자 크기를 기존 CJK 글꼴보다 6.25% 더 줄였다. 따라서 영어와 한국어에 맞게 레이아웃을 잡았더라도 일본어를 대응하면서 레이아웃이 벗어나는 것에 대해 크게 고려하지 않아도 된다. 또한 일본에서 자주 쓰는 부호, 전각 문자도 이제 모두 지원하며, 마찬가지로 가변 글꼴으로도 쓸 수 있다.

OpenType 기능

Pretendard에서는 Inter와 같은 OpenType 기능을 지원한다. 다만 -apple-system을 바탕으로 한 타이포그래피 환경을 고려해 스타일 세트는 San Francisco와 동일하다.

  • 문맥 대체 , calt
    3x9, 12:34, A:가, FEX
    SFO STO | IIA OGG | ARN OGG
    M@N m@n
    :-)
  • 대문자에 맞춘 문자 , case
    (Hello) [World] {9000} «» A가
    SCHOOL @ RUN
    3 + 9 = 12 * 1
    *+÷±×=≠≈•~<>≤≥
    → ← ⟶ ⟵ − - – — :
  • 합성 문자 , ccmp
    A⃝ #⃞ ⃝15 3⃞
  • 합자 , dlig
    ¡¿What?!
  • 분수 및 첨자 , frac sups subs
    1/3 3/4 1/5
    1/29 16/5
    1337​/591038
  • 서수 , ordn
    No. 9o 7a
  • 문자 대체 , salt
    Lorèm Ipsúm Dólór ßít Amet, Cònßeçtetür ADIPISCING Elìt.
  • 고정폭 숫자 , tnum
    2021628일 오후 12:00
    1,111,111
    3,333,333
    7,777,777
  • 슬래시 0 , zero
    1234567890
  • 곧은 스타일 6과 9 , ss01
    1234567890
  • 열린 스타일 4 , ss02
    1234567890
  • 가운데에 맞춘 쌍점 , ss03
    A:A A:a 0:0 A:
  • 한국 현지화 , ss05
    . …….
    저기 있잖아 알겠어…….
    …………
    (Hello) «» A:—›
  • 향상된 가독성 , ss06
    WP0ACO4XSI16O9
    Illegal βeta Busineß
    I | l i 1
  • 단층 스타일 a , ss07
    hamburgefonstiv
  • 직선 스타일 3 , ss08
    1234567890
  • 중간 크기 심벌 , ss10
    ①②🄰🄱
  • 외곽선 심벌 , ss11
    ①②🄰🄱
  • 원형 심벌 , ss12
    ①②🄰🄱
  • 사각형 심벌 , ss13
    ①②🄰🄱
  • 채워진 심벌 , ss14
    ①②🄰🄱
  • 작은 심벌 , ss15
    󰀁󰀂
  • 큰 심벌 , ss16
    󰀁󰀂
  • 모양 대체
    • cv01
      1
    • cv02
      4
    • cv03
      6
    • cv04
      9
    • cv05
      l ł ƚ ɫ ɬ ŀ ĺ ļ ľ ḷ ḹ ḻ ḽ
    • cv06
      r ɽ ɍ ɼ ŕ ŗ ř ȑ ȓ ṙ ṛ ṝ ṟ
    • cv07
      ß
    • cv08
      I Ï Ḯ Ɨ Ḭ Ì Í Î Ĩ Ī Ĭ Į İ Ǐ Ȉ Ȋ Ỉ Ị Ι Ί Ϊ Ἰ Ἱ Ἲ
    • cv09
      3
    • cv10
      G Ǥ Ɠ Ĝ Ğ Ġ Ģ Ǧ Ǵ Ḡ
    • cv11
      a á ă ắ ặ ằ ẳ ẵ ǎ â ấ ậ ầ ẩ ẫ ȁ ä ǟ ȧ ạ ǡ à ả ȃ ā ą ẚ å ǻ ḁ ã
    • cv12
    • cv13
      1

정보

  • 글꼴 이름
    Pretendard
  • 최초 배포
    21. 6. 28.
  • 최근 업데이트
    23. 11. 6.
  • 글꼴 최신 버전
    1.309
  • GitHub 최신 버전
    1.3.9
  • 지원 포맷
    정적 글꼴
    .otf OpenType PostScript
    .ttf OpenType TrueType
    .woff.woff2 OpenType TrueType
    가변 글꼴
    .ttf OpenType TrueType
    .woff2 OpenType TrueType
  • 지원 언어
    가어, 간다어, 갈리시아어, 고지 소르비아어, 과라니어, 구시어, 그리스어, 그린란드어, 까꼬토끄어, 나마어, 남부 소토어, 남부 은데벨레어, 냔자어, 네덜란드어, 노르웨이어, 누에르어, 느기엠본어, 니안콜어, 덴마크어, 독일어, 두알라어, 라코타어, 라트비아어, 랑기어, 러시아어, 로만시어, 로반어, 롬보어, 루마니아어, 루바-카탄가어, 루야어, 루오어, 룩셈부르크어, 룬디어, 르와어, 르완다어, 리투아니아어, 링갈라어, 마사이어, 마오리어, 마차메어, 마케도니아어, 마콘데어, 마크후와-메토어, 마푸둥군어, 말라가시어, 말레이어, 맹크스어, 메루어, 메타어, 모리스얀어, 모호크어, 몰타어, 몽골어, 문당어, 바사어, 바슈키르어, 바스크어, 바피아어, 밤바라어, 베나어, 베트남어, 벤다어, 벨라루스어, 벰바어, 보스니아어, 북부 사미어, 북부 소토어, 북부 은데벨레어, 분조어, 불가리아어, 브르타뉴어, 사르디니아어, 산고어, 삼부루어, 상구어, 샴발라어, 서부 프리지아어, 세나어, 세르비아어, 세부아노어, 소가어, 소말리아어, 쇼나어, 스와힐리어, 스웨덴어, 스코틀랜드 게일어, 스페인어, 슬로바키아어, 슬로베니아어, 시스와티어, 시칠리아어, 아그햄어, 아수어, 아스투리아어, 아이슬란드어, 아일랜드어, 아제르바이잔어, 아칸어, 아프리칸스어, 알바니아어, 야쿠트어, 양본어, 에스토니아어, 에스페란토어, 에웨어, 엘즈야어, 엠부어, 영어, 오로모어, 오세트어, 오크어, 왈론어, 요루바어, 우즈베크어, 우크라이나어, 월로프어, 월저어, 웨일스어, 이그보어, 이나리 사미어, 이도어, 이원도어, 이탈리아어, 인도네시아어, 인터링구아, 일본어, 자르마어, 자바어, 저지 독일어, 저지 소르비아어, 졸라 포니어, 줄루어, 중앙 모로코 타마지트어, 체첸어, 체코어, 총가어, 추바시어, 츠와나어, 치가어, 카자흐어, 카코어, 카탈로니아어, 칼렌진어, 캄바어, 커바일어, 케추아어, 코르시카어, 코사어, 코이라 친니어, 코이야보로 세니어, 콘월어, 콜로그니안어, 쿠르드어, 크로아티아어, 크리올어, 크와시오어, 크펠레어, 키르기스어, 키쿠유어, 타로코어, 타사와크어, 타이타어, 타지크어, 타타르어, 터키어, 테조어, 통가어, 투르크멘어, 티얍어, 페로어, 포르투갈어, 폴란드어, 풀라어, 프랑스어, 프리울리어, 핀란드어, 필리핀어, 하와이어, 하우사어, 한국어, 헝가리어
  • 글자 수
    Pretendard
    14,716
    Pretendard JP
    22,926
    Pretendard Std
    3,126
    Pretendard GOV
    23,410
  • 라이선스
    SIL 오픈 폰트 라이선스
    글꼴 단독 판매 또는 글꼴 라이선스 변경을 제외한 모든 상업적 행위 및 수정, 재배포가 가능합니다.
  • 크레딧
    바탕
    Inter: Rasmus Andersson
    한글 바탕
    Noto Sans CJK KR—본고딕: 산돌커뮤니케이션; 장수영, 강주연
    한자 바탕
    Noto Sans CJK KR—본고딕: Adobe; Ryoko Nishizuka
    가나 바탕
    M PLUS 1p: UNDERFOREST DESIGN; Coji Morishita
    리디자인 및 제작
    길형진

'작업 > 글꼴' 카테고리의 다른 글

Wanted Sans  (2) 2023.11.13
둥근모꼴+Fixedsys  (1141) 2015.12.24
icon-default icon-back icon-next icon-up icon-down icon-arrow-left icon-arrow-right icon-arrow-less icon-arrow-more icon-expand icon-collapse icon-dropdown-expand icon-dropdown-collapse icon-more icon-search icon-menu icon-close icon-plus icon-view icon-heart icon-comment icon-view-list icon-view-gallery icon-download icon-write icon-delete icon-send icon-lock-open icon-lock icon-external icon-logo-cactus icon-logo-tistory