한글 페어링 · 큐레이션

검은고딕+함초롬바탕

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

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

A:검은고딕· 제작 Zess Type|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: 검은고딕 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

72제목 검은고딕 · 본문 함초롬바탕

검은고딕B=제목용

제작Zess Type상업 무료다운로드

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

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

오래된 문장 사이로 굵은 외침이 스친다

함초롬바탕은 균형 잡힌 세리프 구조로 긴 글 읽기에 적합하며, 검은고딕은 900 단일 웨이트의 압도적 임팩트로 짧은 강조 카피에서 즉각적 인지를 보장합니다.

분위기: 함초롬바탕의 단정하고 문학적인 인상이 본문을 차분하게 이끌고, 검은고딕의 강렬한 굵기가 결정적 순간에만 시선을 잡아끄는 대비형 페어입니다.
대비·계층: 세리프 본문 vs 초굵은 산세리프 디스플레이라는 카테고리·웨이트 이중 대비로 정보 위계가 매우 또렷하며, 본문과 강조 헤드라인의 역할 분리가 명확합니다.
추천 용도: 장문 에세이·칼럼 매거진출판물 본문 + 챕터 인트로 강조브랜드 스토리텔링 페이지교양서적 표지 카피

어울리는 영문 폰트

제목Archivo BlackAntonBebas NeueInter Black

본문Source SerifMerriweatherEB Garamond

검은고딕의 초굵은 임팩트는 Archivo Black·Anton 같은 콘덴스드 블랙 산세리프와 호흡이 맞고, 함초롬바탕 본문은 인문학적 톤의 세리프 라틴과 결이 통합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#a23b2d

#f5efe6

어울리는 산업 톤

라이프스타일 매거진출판·문학 브랜드문화예술 캠페인

38제목 함초롬바탕 · 본문 검은고딕

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

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

+검은고딕B=본문용

제작Zess Type상업 무료다운로드

고요한 새벽, 묵직한 울림이 깃든다

함초롬바탕은 긴 글에 적합한 본문용 명조라 제목으로 쓰기에 무게감이 부족하고, 검은고딕은 900 단일 웨이트의 디스플레이 폰트라 본문 사용 시 가독성이 현저히 떨어집니다.

분위기: 함초롬바탕의 단정하고 고전적인 서정성과 검은고딕의 압도적인 임팩트가 충돌해 일관된 톤 형성이 어렵습니다. 제목이 본문보다 시각적 무게에서 밀리는 역전 현상이 발생합니다.
대비·계층: weight·스타일 대비는 극단적으로 강하지만 역할이 역전되어 정보 위계가 무너집니다. 본문이 제목보다 시각적으로 더 강해 사용자의 시선이 본문에 먼저 고정됩니다.
추천 용도: 짧은 인용구가 있는 강한 헤드라인 포스터레트로 감성 굿즈 패키지전통과 강렬함을 대비시키는 실험적 편집물단문 위주 SNS 카드뉴스

어울리는 영문 폰트

제목EB GaramondSource SerifLora

본문Archivo BlackAnton

함초롬바탕에는 고전적 비례의 세리프가 자연스럽고, 검은고딕에는 동일한 초고웨이트 디스플레이 산세리프가 일관된 임팩트를 유지합니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c8503c

#f5efe6

어울리는 산업 톤

전통문화 실험적 편집레트로 라이프스타일단문 캠페인 광고

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Black Han Sans', sans-serif;
}

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