한글 페어링 · 큐레이션

함초롬바탕+양진체

두 한글 폰트의 큐레이션·점수화 페어링. 어울리는 영문 폰트, 권장 사이즈, 색상 팔레트, 산업 톤까지 한 페이지에서.

평가 케이스: 2개
평균 점수: 42점
관련 페어: 6개

A:함초롬바탕· 제작 한컴|B:양진체· 제작 김양진

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·양진체 가이드

평가 결과 · 2개 케이스

제목·본문 컨텍스트별 페어 분석

점수, 어울리는 영문 폰트, 권장 크기, 색상 팔레트를 케이스별로.

42제목 양진체 · 본문 함초롬바탕

양진체B=제목용

제작김양진상업 무료

+함초롬바탕A=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

전통과 현대가 만나는 책의 세계로 여러분을 초대합니다.

함초롬바탕은 본문용 serif로 긴 글 읽기에 적합하며 가독성이 우수합니다. 양진체는 display 특성상 제목 용도에만 적합하고, 본문 역할로는 무겁고 개성이 강해 부적절합니다.

분위기: 함초롬바탕의 전통적이고 차분한 serif 분위기와 양진체의 현대적이고 개성 강한 display sans의 톤이 충돌합니다. 세로획 강조 serif와 기하학적 sans의 구조적 불일치로 일관성이 약합니다.
대비·계층: 양진체가 400 단일 무게만 제공되어 제목과 본문 간 weight 대비가 명확하지 않습니다. 함초롬바탕의 700과 양진체 400 간에만 무게 차이가 있어 계층 표현이 제한적입니다.
추천 용도: 전통 출판물(고전 문학, 역사서) - serif 본문이 강점이나 제목 폰트 부적절에디토리얼 디자인 - 분위기 충돌로 비권장신문·잡지 - serif 본문은 적합하나 display 제목이 어울리지 않음

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifEB Garamond

함초롬바탕의 serif 본문과 어울리려면 serif 계열 영문(Source Serif, EB Garamond)이 필수입니다. 양진체의 display 특성을 보완하려면 기하학적 sans(Manrope, Geist)를 권장하나, 두 폰트 간 톤 불일치로 인해 전체 페어링 효율성이 낮습니다.

권장 사이즈 (한국어 기준)

48~56px

28~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

출판·에디토리얼 전통문화·예술 갤러리

42제목 함초롬바탕 · 본문 양진체

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

+양진체B=본문용

제작김양진상업 무료

전통과 현대가 만나는 공간

양진체는 display 폰트로 본문 가독성이 낮으며, 긴 문장에서 피로도가 높다. 함초롬바탕은 제목용 serif로는 무난하나 본문과의 위계 대비가 약하다.

분위기: 함초롬바탕의 전통적이고 격식 있는 serif 인상과 양진체의 현대적이고 장식적인 display sans가 톤 충돌을 일으킨다. 클래식과 팝의 혼재로 일관된 브랜드 분위기 형성이 어렵다.
대비·계층: 양진체의 독특한 장식성과 함초롬바탕의 정통 serif 구조 간 시각적 대비는 존재하나, 정보 위계보다는 '어울리지 않는 혼합'으로 인식될 가능성이 높다. 무게 대비도 제한적(양진체 400만 제공).
추천 용도: 포스터·플라카드 (display 폰트 활용)제목 강조 필요 시 한정적 사용실험적 에디토리얼 디자인

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweather

본문Source SerifLora

함초롬바탕의 격식 있는 serif 특성에 맞춰 클래식한 serif 영문 폰트를 권장. 양진체와의 혼합 사용은 피하고, 한글 제목에만 serif 계열 영문을 매칭하는 것이 일관성 있다.

권장 사이즈 (한국어 기준)

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

출판·문학 매거진문화유산 소개

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/yangjin/subsets/yangjin-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'Pretendard Variable', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'yangjin', sans-serif;
}