한글 페어링 · 큐레이션

나눔바른고딕+야놀자 야체

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

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

A:나눔바른고딕· 제작 네이버|B:야놀자 야체· 제작 야놀자

→ 각 폰트 종합 가이드: 나눔바른고딕 가이드·야놀자 야체 가이드

평가 결과 · 2개 케이스

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

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

78제목 야놀자 야체 · 본문 나눔바른고딕

야놀자 야체A=제목용

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

+나눔바른고딕B=본문용

제작네이버상업 무료다운로드

떠나는 순간, 일상이 특별해진다

야체는 기울기와 곡선이 살아 있어 짧은 헤드라인에서 시선을 강하게 끌고, 나눔바른고딕은 균형 잡힌 골격으로 긴 본문에서도 무난한 가독성을 유지한다.

분위기: 야놀자 야체의 발랄하고 역동적인 인상이 나눔바른고딕의 단정한 본문 톤과 만나 경쾌하면서도 정돈된 분위기를 만든다.
대비·계층: 디스플레이성 강한 야체와 중립적 산세리프 본문이 형태·인상에서 뚜렷한 위계 차이를 만들어 정보 구조가 선명하게 드러난다.
추천 용도: 여행·여가 프로모션 페이지이벤트 랜딩 헤드라인라이프스타일 앱 온보딩캠페인 광고 비주얼브랜드 SNS 카드뉴스

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshiGeist

본문InterIBM Plex Sans

야체의 둥글고 경쾌한 곡선은 Manrope·Plus Jakarta Sans 같은 친근한 지오메트릭 산세리프와 호흡이 맞고, 본문은 Inter 계열로 중립적 가독성을 확보할 수 있다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#ff5a5f

#ffc857

#fff8f0

어울리는 산업 톤

여행·여가 친근라이프스타일 매거진이커머스 캠페인스타트업 임팩트

42제목 나눔바른고딕 · 본문 야놀자 야체

나눔바른고딕A=제목용

제작네이버상업 무료다운로드

+야놀자 야체B=본문용

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

단정한 제목 아래 발랄한 한 줄을 더했다

제목으로 쓰인 나눔바른고딕은 또렷한 골격으로 정보 전달이 안정적이지만, 본문에 사용된 야체는 기울기와 장식적 곡선 때문에 긴 문장 가독성이 떨어집니다.

분위기: 나눔바른고딕의 단정하고 중성적인 인상과 야놀자 야체의 기울어진 캐주얼·핸드라이팅 감각이 서로 다른 방향을 가리켜 톤 충돌이 발생합니다.
대비·계층: 두 서체 모두 굵기 폭이 넓지 않고 야체의 강한 캐릭터가 제목 영역을 압도해 위계가 역전될 수 있어 구조적 대비가 모호합니다.
추천 용도: 이벤트 랜딩 페이지 헤더캐주얼 프로모션 배너여행·레저 SNS 카드뉴스젊은 타깃 캠페인 페이지

어울리는 영문 폰트

제목InterIBM Plex SansManropePretendard Latin

본문Plus Jakarta SansSource Sans Pro

나눔바른고딕의 단정한 휴머니스트 골격은 Inter·IBM Plex Sans처럼 균형 잡힌 산세리프와 자연스럽게 합쳐지고, 야체의 캐주얼함은 약간 둥근 Plus Jakarta Sans와 톤이 맞습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff5a36

#ffd166

#fff8f2

어울리는 산업 톤

여행·레저 캐주얼이커머스 프로모션라이프스타일 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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