한글 페어링 · 큐레이션

노토 산스 KR+야놀자 야체

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

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

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

→ 각 폰트 종합 가이드: 노토 산스 KR 가이드·야놀자 야체 가이드

평가 결과 · 2개 케이스

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

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

82제목 야놀자 야체 · 본문 노토 산스 KR

야놀자 야체A=제목용

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

+노토 산스 KRB=본문용

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

떠나고 싶은 날, 지금 바로 출발해요

야체는 짧은 헤드라인에서 시선을 강하게 끌고, 노토 산스 KR은 다양한 웨이트로 긴 본문에서도 안정적 가독성을 보장한다.

분위기: 야놀자 야체의 경쾌하고 트렌디한 인상이 노토 산스 KR의 단정함과 만나 친근하면서도 정돈된 톤을 만든다.
대비·계층: 디스플레이 성향의 야체와 중립적인 노토 산스 KR 사이에 스타일·형태 대비가 뚜렷해 정보 위계가 명확하다.
추천 용도: 여행·레저 캠페인 랜딩프로모션 배너모바일 앱 온보딩이벤트 페이지 헤드라인브랜드 SNS 콘텐츠

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshiGeist

본문InterIBM Plex Sans

야체의 둥글고 캐주얼한 인상에는 약간 둥근 지오메트릭 산세리프가, 노토 산스 KR 본문에는 중립적이고 가독성 높은 휴머니스트 산세리프가 잘 어울린다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#ff4d6d

#ffb84d

#fff7f0

어울리는 산업 톤

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

58제목 노토 산스 KR · 본문 야놀자 야체

노토 산스 KRB=제목용

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

+야놀자 야체A=본문용

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

이번 주말, 떠나고 싶은 곳으로

야놀자 야체는 디스플레이 성격이 강해 긴 본문 가독성은 떨어지지만 짧은 캡션·카피 단위에서는 개성이 살아납니다. 노토 산스 KR 제목은 무게 폭이 넓어 정보 위계를 명확히 잡아줍니다.

분위기: 야놀자 야체가 본문 역할을 맡으면 경쾌하고 캐주얼한 인상이 전체 톤을 주도하고, 노토 산스 KR가 그 위에서 차분한 제목으로 균형을 잡습니다.
대비·계층: 본문이 디스플레이 톤이고 제목이 정통 산세리프라 일반적 위계와 반대되지만, 노토 산스 KR Black·Bold로 크기 대비를 강하게 주면 시각 위계 확보가 가능합니다.
추천 용도: 여행·레저 프로모션 랜딩캐주얼 브랜드 SNS 카드뉴스이벤트 페이지 짧은 카피라이프스타일 앱 온보딩

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Plus Jakarta SansGeist

노토 산스 KR 제목은 중립적 산세리프와 자연스럽게 합쳐지고, 본문의 캐주얼한 야체 톤은 살짝 둥근 인상의 라틴 산세리프와 조합 시 균형이 좋습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff5e3a

#ffd166

#fff7ed

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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