한글 페어링 · 큐레이션

잘난체+본고딕

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

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

A:잘난체· 제작 야놀자|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 잘난체 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

76제목 잘난체 · 본문 본고딕

잘난체B=제목용

제작야놀자상업 무료다운로드

+본고딕A=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘은 평범한 하루를 특별하게 보내요

본고딕은 다양한 웨이트와 균일한 자폭으로 긴 본문에 안정적이며, 잘난체는 굵고 또렷한 획으로 헤드라인에서 시선을 확실히 사로잡는다.

분위기: 본고딕의 차분하고 중립적인 본문 위에 잘난체의 둥글고 통통한 제목이 얹혀 친근하면서 활기찬 톤을 만든다.
대비·계층: modern sans 본문과 디스플레이 sans 제목의 구조 차이가 뚜렷해 정보 위계가 자연스럽게 형성된다.
추천 용도: 이벤트·프로모션 랜딩 본문여행·레저 콘텐츠 매거진B2C 앱 공지·블로그 포스트캠페인 상세 페이지유튜브 썸네일 보조 카피

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

잘난체의 둥근 헤드라인 인상은 라운드 터미널을 가진 Jakarta·Manrope와 잘 맞고, 본고딕 본문은 중립적 Inter·Plex Sans와 자폭이 안정적으로 호환된다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b35

#ffd23f

#fff8ed

어울리는 산업 톤

여행·레저 친근F&B 캐주얼이커머스 프로모션라이프스타일 콘텐츠

42제목 본고딕 · 본문 잘난체

본고딕A=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+잘난체B=본문용

제작야놀자상업 무료다운로드

오늘의 이야기, 다시 시작합니다

제목인 본고딕은 다양한 웨이트로 위계 표현이 자유롭지만, 본문 위치에 들어간 잘난체는 획이 두껍고 디스플레이 특성이 강해 긴 글 가독성이 현저히 떨어집니다.

분위기: 본고딕의 중립적이고 모던한 인상과 잘난체의 강하고 두툼한 디스플레이 성격이 한 화면에서 톤이 어긋나는 경향이 있습니다. 제목이 본문보다 차분해지는 역전 현상이 발생합니다.
대비·계층: 본고딕 Bold·Black으로 제목을 키워도 잘난체의 두께가 본문에서 더 강하게 보여 대비가 역전될 수 있어 명확한 위계 형성이 어렵습니다.
추천 용도: 짧은 캠페인 카피이벤트 랜딩 페이지프로모션 배너SNS 카드뉴스

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문Source Sans ProInter

본고딕은 중립적 산세리프 구조로 Inter·IBM Plex Sans 같은 기하학·휴머니스트 산세리프와 자연스럽게 합성됩니다. 잘난체는 라틴 글리프가 약해 영문은 별도의 깔끔한 산세리프로 보완하는 편이 안전합니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2937

#ef6c4a

#f7f4ee

어울리는 산업 톤

이커머스 프로모션F&B 친근이벤트 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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