한글 페어링 · 큐레이션

잘난체+프리텐다드

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

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

A:잘난체· 제작 야놀자|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 잘난체 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

88제목 잘난체 · 본문 프리텐다드

잘난체A=제목용

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

+프리텐다드B=본문용

제작길형진상업 무료다운로드

오늘만 단독 특가, 놓치면 후회해요!

잘난체는 짧은 헤드라인에서 시선을 강하게 잡아끌고, 프리텐다드는 다양한 웨이트와 균형 잡힌 자족으로 긴 본문 가독성이 뛰어납니다.

분위기: 잘난체의 굵고 유쾌한 디스플레이 인상이 프리텐다드의 깔끔하고 중립적인 본문 톤과 만나 친근하면서도 정돈된 분위기를 형성합니다.
대비·계층: 잘난체의 두툼한 디스플레이 골격과 프리텐다드 Regular의 단정한 획이 강한 굵기·인상 대비를 만들어 정보 위계가 명확히 분리됩니다.
추천 용도: 이벤트 랜딩페이지 헤드라인프로모션 배너·SNS 카드뉴스F&B 브랜드 패키지캐주얼 앱 온보딩 화면스타트업 키비주얼

어울리는 영문 폰트

제목Bagel Fat OneArchivo BlackAntonBebas Neue

본문Pretendard LatinInter

잘난체의 굵고 둥근 디스플레이 인상은 두꺼운 산세리프 라틴과 임팩트가 잘 맞고, 본문은 프리텐다드 내장 라틴으로 합성하면 자족·리듬이 자연스럽습니다.

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

44~56px

26~32px

본문

16~17px

line-height

1.65

어울리는 색상

#ff4d2e

#ffd23f

#fff8ee

어울리는 산업 톤

F&B 친근이커머스 프로모션캐주얼 라이프스타일스타트업 임팩트

42제목 프리텐다드 · 본문 잘난체

프리텐다드A=제목용

제작길형진상업 무료다운로드

+잘난체B=본문용

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

오늘만 특별한 혜택, 지금 만나보세요

프리텐다드는 어떤 웨이트로도 제목에서 또렷하게 작동하지만, 잘난체는 디스플레이 전용 굵기로 본문 분량에서는 시각적 피로가 큽니다.

분위기: 프리텐다드의 중립적이고 모던한 인상과 잘난체의 둥글고 강렬한 디스플레이 무드가 본문에서 충돌합니다. 잘난체가 본문 역할을 맡으면 가독성과 톤이 모두 흔들립니다.
대비·계층: 프리텐다드 700~900과 잘난체 400은 골격이 모두 굵어 위계 차이가 흐려지며, 정보 구조보다 데코 인상이 앞섭니다.
추천 용도: 이벤트 랜딩 페이지 헤더프로모션 배너 카피오프라인 행사 포스터SNS 카드뉴스 강조 슬라이드

어울리는 영문 폰트

제목InterManropeGeistPlus Jakarta Sans

본문InterIBM Plex Sans

프리텐다드는 라틴이 내장돼 별도 합성이 불필요하지만, 톤을 더 모던하게 가져가려면 Inter·Manrope 계열이 자연스럽게 어울립니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.6

어울리는 색상

#ff5a36

#ffd23f

#fff8ee

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Jalnan/subsets/Jalnan-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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