한글 페어링 · 큐레이션

잘난체+노토 산스 KR

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

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

A:잘난체· 제작 야놀자|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 잘난체 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

88제목 잘난체 · 본문 노토 산스 KR

잘난체A=제목용

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

+노토 산스 KRB=본문용

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

오늘은 진짜 특별한 하루야!

잘난체는 굵은 획과 둥근 마감으로 큰 사이즈에서 즉시 시선을 잡고, 노토 산스 KR은 다양한 웨이트와 균일한 자폭으로 긴 본문에서도 안정적이다.

분위기: 잘난체의 두툼하고 위트 있는 디스플레이 인상이 노토 산스 KR의 중립적 본문 톤과 만나 친근하면서 임팩트 있는 분위기를 만든다.
대비·계층: 디스플레이성 잘난체와 휴머니스트 산스 본문 사이의 형태·웨이트 대비가 뚜렷해 정보 위계가 명확히 분리된다.
추천 용도: 이벤트·프로모션 랜딩페이지F&B 브랜드 광고 배너캠페인 포스터유튜브 썸네일과 자막리테일 매장 POP

어울리는 영문 폰트

제목Plus Jakarta SansManropeGeist

본문InterIBM Plex Sans

잘난체의 라운드한 디스플레이 인상에는 둥근 터미널의 Plus Jakarta·Manrope가 톤을 맞추고, 본문 노토 산스 KR에는 자폭이 유사한 Inter·IBM Plex Sans가 자연스럽게 합쳐진다.

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

40~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff5a36

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근이커머스 프로모션엔터테인먼트 캠페인

52제목 노토 산스 KR · 본문 잘난체

노토 산스 KRA=제목용

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

+잘난체B=본문용

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

오늘만 특별한 한정 혜택을 만나보세요

제목의 노토 산스 KR은 어느 무게에서도 명료하게 읽히지만, 본문에 잘난체를 쓰면 단일 무게(400)에 곡선·곡률이 강해 긴 글 가독성이 떨어집니다.

분위기: 노토 산스 KR의 중립적이고 정돈된 인상과 잘난체의 굵고 장식적인 디스플레이 성격이 한 화면에서 톤이 어긋날 수 있습니다.
대비·계층: 노토 산스 Black/Bold와 잘난체는 둘 다 시각적 무게가 무거워 위계 대비가 약하고, Regular~Medium으로 낮춰야 잘난체 본문이 살아납니다.
추천 용도: 이벤트 랜딩 페이지 헤더프로모션 배너F&B 메뉴/패키지캠페인 포스터 보조 문구

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Bricolage GrotesquePlus Jakarta Sans

노토 산스 KR의 휴머니스트 산세리프 구조에는 Inter·IBM Plex Sans 같은 중립 산세리프가 자연스럽고, 잘난체의 친근한 디스플레이 톤에는 약간의 캐릭터를 가진 Bricolage Grotesque가 어울립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f1f1f

#ff5a36

#fff6ec

어울리는 산업 톤

F&B 친근이커머스 프로모션라이프스타일 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Jalnan/subsets/Jalnan-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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

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