작업/글꼴

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로 지원한다. 음표 심벌은 ★과 ♥를 새로 맞추면서 함께 추가했다. 따라서 이모티콘을 즐겨 사용한다면 음표가 기존보다 조금 더 예쁘게 보일 수 있다. ♪(๑ᴖ◡ᴖ๑)♪

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
    . …….
    저기 있잖아 알겠어…….
    …………
  • 향상된 가독성 , ss06
    WP0ACO4XSI16O9
    Illegal βeta Busineß
    I | l i 1
  • 단층 스타일 a , ss07
    hamburgefonstiv
  • 직선 스타일 3 , ss08
    1234567890
  • 모양 대체
    • 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. 06. 28.
  • 최근 업데이트
    21. 10. 09.
  • 최신 버전
    1.2.0
  • 지원 포맷
    고정 글꼴
    .otf OpenType PostScript
    .ttf OpenType TrueType
    .woff.woff2 OpenType TrueType
    가변 글꼴
    .ttf OpenType TrueType
    .woff2 OpenType TrueType
  • 지원 언어
    가어, 간다어, 갈리시아어, 고지 소르비아어, 과라니어, 구시어, 그리스어, 그린란드어, 까꼬토끄어, 나마어, 남부 소토어, 남부 은데벨레어, 냔자어, 네덜란드어, 노르웨이어, 누에르어, 느기엠본어, 니안콜어, 덴마크어, 독일어, 두알라어, 라코타어, 라트비아어, 랑기어, 러시아어, 로만시어, 로반어, 롬보어, 루마니아어, 루바-카탄가어, 루야어, 루오어, 룩셈부르크어, 룬디어, 르와어, 르완다어, 리투아니아어, 링갈라어, 마사이어, 마오리어, 마차메어, 마케도니아어, 마콘데어, 마크후와-메토어, 마푸둥군어, 말라가시어, 말레이어, 맹크스어, 메루어, 메타어, 모리스얀어, 모호크어, 몰타어, 몽골어, 문당어, 바사어, 바슈키르어, 바스크어, 바피아어, 밤바라어, 베나어, 베트남어, 벤다어, 벨라루스어, 벰바어, 보스니아어, 북부 사미어, 북부 소토어, 북부 은데벨레어, 분조어, 불가리아어, 브르타뉴어, 사르디니아어, 산고어, 삼부루어, 상구어, 샴발라어, 서부 프리지아어, 세나어, 세르비아어, 세부아노어, 소가어, 소말리아어, 쇼나어, 스와힐리어, 스웨덴어, 스코틀랜드 게일어, 스페인어, 슬로바키아어, 슬로베니아어, 시스와티어, 시칠리아어, 아그햄어, 아수어, 아스투리아어, 아이슬란드어, 아일랜드어, 아제르바이잔어, 아칸어, 아프리칸스어, 알바니아어, 야쿠트어, 양본어, 에스토니아어, 에스페란토어, 에웨어, 엘즈야어, 엠부어, 영어, 오로모어, 오세트어, 오크어, 왈론어, 요루바어, 우즈베크어, 우크라이나어, 월로프어, 월저어, 웨일스어, 이그보어, 이나리 사미어, 이도어, 이원도어, 이탈리아어, 인도네시아어, 인터링구아, 자르마어, 자바어, 저지 독일어, 저지 소르비아어, 졸라 포니어, 줄루어, 중앙 모로코 타마지트어, 체첸어, 체코어, 총가어, 추바시어, 츠와나어, 치가어, 카자흐어, 카코어, 카탈로니아어, 칼렌진어, 캄바어, 커바일어, 케추아어, 코르시카어, 코사어, 코이라 친니어, 코이야보로 세니어, 콘월어, 콜로그니안어, 쿠르드어, 크로아티아어, 크리올어, 크와시오어, 크펠레어, 키르기스어, 키쿠유어, 타로코어, 타사와크어, 타이타어, 타지크어, 타타르어, 터키어, 테조어, 통가어, 투르크멘어, 티얍어, 페로어, 포르투갈어, 폴란드어, 풀라어, 프랑스어, 프리울리어, 핀란드어, 필리핀어, 하와이어, 하우사어, 한국어, 헝가리어
  • 글자 수
    13,793
  • 라이선스
    SIL 오픈 폰트 라이선스
    글꼴 단독 판매를 제외한 모든 상업적 행위 및 수정, 재배포가 가능합니다.
  • 크레딧
    바탕
    Inter: Rasmus Andersson
    한글 바탕
    Noto Sans CJK KR—본고딕: 산돌커뮤니케이션; 장수영, 강주연
    리디자인 및 제작
    길형진

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

Pretendard  (407) 2021.06.28
둥근모꼴+Fixedsys  (698) 2015.12.24
  • 이전 댓글 더보기
  • 김용수
    2021.10.13 09:53

    글꼴이 너무 예쁘고 그리고 폰트 감사해요.

  • 호수
    2021.10.13 20:51

    아 이렇게나 멋진 작업물을 이렇게 공유해주신 점에 대해서 무한한 감사와 존경과 경외를 바치며 그리고 감사하고 귀하에게 무한한 영광과 행운이 가득하기를 바랍니다.

  • 2021.10.13 23:59

    비밀댓글입니다

  • ㅈㅇㅈ
    2021.10.14 10:38

    폰트 디자인 너무 좋습니다. 적게 일하고 많이 버세요!

  • kyle
    2021.10.14 14:06

    소정의 금액이라도 내고싶을정도로 좋은 폰트입니다.
    감사히 잘 쓰고있습니다!
    다른 폰트 만드시는분들처럼 후원버튼 하나 만들어보시는것도 좋지않을까요!

  • 박현아
    2021.10.14 14:10

    친구로부터 추천받아서 알게되었는데 너무 만듦새가 좋네요! 숫자, 영문, 한글, 특문 모두 아쉬움없이 좋습니다! 잘 쓸게요. 적게 일하고 많이버세요~

  • ㅇㅇㅈ
    2021.10.14 14:28

    react native로 iOS와 android 앱을 동시 개발하고 있습니다. 기존 noto sans를 쓰던것을 pretendard로 바꿨더니 ios와 android의 폰트 크기가 다르게 나오던데, iOS와 Android 에서 폰트가 크기가 다르게 나오는 문제 원인이 뭔지 알수 있을까요?

    • 길형진
      2021.10.14 14:37 신고

      원본 스크린샷과 함께 orioncactus@gmail.com으로 메일을 보내주시면 확인해보겠습니다.

  • 유동윤
    2021.10.14 18:05

    잘 사용하겠습니다. 감사합니다.

  • 남성민
    2021.10.14 23:47

    감사합니다

  • 다다
    2021.10.15 00:05

    제가 계속 찾아 헤매던 폰트에요 ㅠㅠ
    진짜 정말 감사합니다!

  • 2021.10.15 10:11

    비밀댓글입니다

    • 길형진
      2021.10.19 09:48 신고

      같은 오픈 폰트 라이선스인 본고딕과 동일하게 별도 허락 없이 자유롭게 사용하셔도 괜찮습니다 ✧٩(•́⌄•́๑)و ✧

  • 2021.10.15 12:35

    포토샵이나 일러 등 영문 어도비 프로그램의 메뉴 표시는 커닝이 고르지 못한 상태로 표현됩니다 차기 업데이트 하실때 알아두시면 좋을 것 같아요

    • 길형진
      2021.10.19 10:02 신고

      해당 문제가 발생하는 환경을 알려주실 수 있으신가요? macOS 및 최신 버전으로 포토샵, 일러스트레이터에서 확인해보았으나 정상적으로 보입니다.

  • 꼬꾸닭
    2021.10.19 10:44

    안녕하세요 Mac OS 사용중입니다. Big Sur 11.6 / ppt(16.54)에서 서체가 지원되지 않는지... 글꼴모음에서 서체명이 보이지 않습니다. 참고로 일러스트에서는 보이네요... ppt에서 사용하고 싶은데 가능할까요?
    참고로 TTF서체로 파일 더블클릭하여 '설치'하는 방법으로 설치했습니다. 이전에 라이브러리 Fonts폴더에 드래그 형식으로 옮겨서 설치했는데도 ppt글꼴에 보이지 않더군요... ppt를 삭제후 재 설치하였으나 마찬가지 였습니다.

    • 길형진
      2021.10.19 14:31 신고

      macOS Office에서 정상적으로 표시되지 않는 문제를 확인하고 있습니다. 글꼴 이름을 바꾸면 또 정상적으로 표시되어서, 필요하시다면 orioncactus@gmail.com으로 남겨주시면 확인해보겠습니다.

  • 2021.10.19 11:19

    비밀댓글입니다

    • 길형진
      2021.10.19 14:28 신고

      Pretendard는 본고딕과 동일한 오픈 폰트 라이선스로 자유롭게 사용하셔도 괜찮습니다.

  • 언득배기
    2021.10.19 14:21

    사용해보니 정말 좋은 폰트입니다
    참 대단한 분이시네요
    어떻게 이런 폰트를 무상으로 공유 할 수 있는지

    아직 카탈로그 편집 책자에는 못 사용하고 있지만, 웹 베너등에 잘 사용하고 있습니다.
    사용하다 보니 글리프에 수학 기호, 치수 기호, 연산 기호, 집합 기호등은 없는듯 하네요
    생각보다 많이 사용되는 약물인듯 합니다.

    • 길형진
      2021.10.19 14:29 신고

      주로 어떤 글리프를 사용하는지 알려주실 수 있으신가요? 다음 업데이트 때 참고해보려고 합니다.

  • 언득배기
    2021.10.19 16:20

    부피 기호, 면적 기호, 길이 기호, 전력 기호, 전압 기호, 함수 기호 등이 있으면 아주 유용할듯합니다.
    산업용, 의료용, 분양 책자등을 만들때 많이 사용되는 보편적인 기호들입니다.
    감사합니다^^

    • 길형진
      2021.10.20 18:18 신고

      이렇게 상세하게 알려주셔서 감사합니다 ☺️ 업데이트 목록에 추가해두겠습니다.

  • 김나래
    2021.10.19 21:42

    우와..항상 꾸밈이 많은 폰트는 많았는데 이런 기본폰트가 없어서 찾아다니던 디자인하는 1인인데 감사합니다..! 잘사용해보고 주변에 널리 알리겠습니다!

  • 현경철
    2021.10.20 07:53

    지금까지본 무료 사용폰트중에서 가장 정갈한 폰트입니다. 대단한 작업물을 만드시네요. 정말 멋집니다.

  • 소정
    2021.10.20 15:15

    덕분에 프로덕트가 한결 더 정갈해질 것 같아요! 너무 멋있습니다!ㅎㅎ

    그리고 질문이 하나 있는데요, 웹폰트 말고 앱에 폰트를 임베딩할경우 OpenType 기능을 사용하려면 어떻게 해야 할까요?

    • 길형진
      2021.10.20 18:24 신고

      유용하게 쓰일 수 있어 기쁩니다 ☺️ Font Feature Registry 또는 Font Feature Settings으로 검색해보시는 것을 추천드립니다.

  • 2021.10.20 21:35

    비밀댓글입니다

    • 길형진
      2021.10.21 07:50 신고

      안녕하세요! Pretendard는 오픈 폰트 라이선스이기 때문에 말씀하신 것처럼 글꼴을 포함해 제품을 판매해도 문제 없습니다.

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