폰트 라이브러리 가이드 — 정말 효과적인 폰트 고르는 법
Google Fonts에만 1,500개 이상이 있고, EllyTools 폰트 라이브러리에는 4,300개 이상이 정리되어 있습니다. 좋은 폰트를 고르는 건 '최고'를 찾는 게 아니라, 청중·매체·브랜드에 맞는 것을 찾는 일입니다. 이 가이드는 폰트 분류, 페어링, 그리고 좋은 타이포그래피와 아마추어 디자인을 가르는 실용 규칙을 정리합니다.
타이포그래피는 외관상 단순해 보이지만 수백 년 장인의 숙련이 숨어 있는 분야입니다. 글자 모양은 가독성·분위기·전문성·신뢰감까지 영향을 줍니다. 이력서를 Times New Roman에서 Helvetica로 바꾸면 글자는 그대로지만 읽는 사람이 받는 인상이 달라집니다.
대부분의 프로젝트에 이국적인 폰트는 필요 없습니다. 잘 고른 폰트 두 개 — 헤딩용 하나, 본문용 하나 — 면 거의 모든 웹사이트·슬라이드·포스터·문서를 처리할 수 있습니다. 핵심은 그 두 개를 잘 고르고 일관되게 쓰는 것. EllyTools 폰트 라이브러리는 본인의 텍스트로 수천 개의 폰트를 미리 보면서 비교할 수 있게 해줍니다 — 샘플 단어가 아닌 실제 맥락에서.
꼭 알아야 할 폰트 분류
- 세리프 (Serif)
- 글자 끝에 작은 장식이 달림. Times, Georgia, Garamond, Merriweather. 전통적·격식 있는 느낌. 긴 본문, 책 같은 맥락에 강함.
- 산세리프 (Sans-serif)
- 장식 없이 깔끔. Helvetica, Pretendard, Inter, Roboto. 모던·중립·전문적. 모던 웹사이트·앱의 기본.
- 슬랩 세리프 (Slab serif)
- 두껍고 각진 세리프. Roboto Slab, Rockwell. 자신감 있고 산업적 느낌. 테크 로고에 자주.
- 디스플레이 / 장식체
- 큰 사이즈 전용 — 헤드라인, 포스터, 로고. 80px에서는 멋있어도 14px에선 못 읽을 수 있음. 절제해서 사용.
- 모노스페이스 (Monospace)
- 모든 글자 너비 동일. Courier, JetBrains Mono. 코드, 기술 문서, 컬럼 정렬이 중요한 곳.
- 스크립트 / 손글씨
- 손글씨 모방. 가독성 좋은 변종(Caveat, Dancing Script)도 있지만 대부분 짧은 강조용.
- 한국어 폰트 — 명조 vs 고딕
- 명조체(=세리프), 고딕체(=산세리프)에 해당. Pretendard, 노토 산스 KR, 나눔고딕은 한국어 본문에 검증된 선택.
- 가변 폰트 (Variable font)
- 한 파일에 굵기·너비 등 연속적 범위가 들어 있음. 여러 굵기를 따로 로딩하는 것보다 유연하고 총 용량도 작은 경우가 많음.
잘 어울리는 폰트 페어링
두 폰트를 잘 짝지으려면 보통 대비 — 세리프 + 산세리프, 또는 다른 굵기·성격의 페어 — 가 필요합니다. 검증된 조합:
| 헤드라인 폰트 | 본문 폰트 | 분위기 |
|---|---|---|
| Playfair Display | Source Sans Pro | 에디토리얼·매거진 |
| Merriweather | Open Sans | 신뢰감, 블로그 친화 |
| Inter | Inter (다른 굵기) | 모던 앱·SaaS |
| Pretendard Bold | Pretendard Regular | 한국어 모던 표준 |
| 나눔명조 | Pretendard | 한국적·균형감 |
| Bebas Neue | Montserrat | 대담한 마케팅 |
| Cormorant Garamond | Inter | 럭셔리·패션 |
| DM Serif Display | DM Sans | 모던 에디토리얼 |
좋은 타이포그래피와 나쁜 타이포그래피를 가르는 실용 규칙
한 디자인에 폰트는 두 종류 이내. 셋째는 명확히 다른 역할(예: 코드용 모노스페이스)이 있을 때만. 그 이상은 커뮤니케이션이 아니라 장식입니다.
위계는 폰트 종류보다 크기와 굵기에서 먼저 옵니다. 같은 폰트 패밀리의 굵은 32px 헤딩과 일반 16px 본문이, 다른 폰트 두 개를 같은 굵기로 쓴 것보다 더 깔끔해 보입니다.
본문은 웹에선 최소 16px, 인쇄에선 11pt 이상. 더 작은 폰트는 목업에선 멋있어도 실제 독자, 특히 모바일·노안에겐 실패합니다. 줄간격은 본문에선 1.4~1.6배, 헤딩은 더 좁게, 긴 글은 더 넓게.
샘플 'The quick brown fox'가 아니라 본인 실제 텍스트로 폰트 테스트. 영문엔 좋아도 한글에선 어색하거나, 숫자 모양이 이상하거나, 받침이 부자연스러운 폰트가 있습니다. EllyTools 폰트 라이브러리는 본인 텍스트를 직접 입력해 미리 볼 수 있어요.
용도별 추천
- •**한국어 본문(웹)** — Pretendard, 노토 산스 KR, 나눔스퀘어. 가장 견고한 선택지.
- •**한국어 명조 본문** — KoPub 바탕, 나눔명조 — 긴 글·서평·에디토리얼.
- •**한국어 디스플레이** — 카페24, 여기어때, 검은고딕 — 강한 헤드라인.
- •**영문 본문** — Inter, Roboto, Source Sans Pro, Open Sans. 무료, 다국어 견고.
- •**코드 블록** — JetBrains Mono, Fira Code, IBM Plex Mono. 0과 O 구별이 명확한 폰트.
- •**로고·브랜딩** — 가변 폰트가 유연. 시스템 폰트(Arial, Helvetica)는 의도된 경우만.
자주 묻는 질문
폰트는 돈을 내야 하나요?
대부분은 무료로 충분. Google Fonts 1,500+개가 상업적 사용까지 허용하는 라이선스. 프리미엄 파운드리(Hoefler & Co. 등)는 고급 브랜딩용.
굵기와 크기는 어떻게 다른가요?
굵기는 획의 두께(100=얇음, 400=보통, 700=굵음). 크기는 글자 높이. 둘 다 강조에 영향을 주지만, 굵기를 바꾸는 게 레이아웃을 덜 무너뜨림.
왜 화면마다 폰트가 달라 보이나요?
디스플레이 렌더링 차이 — 안티앨리어싱·콘트라스트·색 프로파일이 다름. 디자인 마무리 전 여러 기기에서 확인하세요. 폰트 자체는 동일.
웹 폰트를 몇 개까지 쓰면 사이트가 느려질까요?
각 파일이 30~200KB. 모던 베스트 프랙티스: 1~2개 패밀리, 굵기 합쳐 2~4개. 가변 폰트가 좋은 답 — 한 파일로 여러 굵기 커버.
여기서 미리 보는 폰트가 내 컴퓨터에 다운로드되나요?
표시용으로 브라우저 캐시에 임시 로드되는 것 — 일반 웹 폰트와 동일. 명시적 다운로드 링크를 누르지 않는 한 영구 설치되지는 않습니다.