한글 페어링 · 큐레이션

코트라 도약+야놀자 야체

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

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

A:코트라 도약· 제작 코트라|B:야놀자 야체· 제작 야놀자

→ 각 폰트 종합 가이드: 코트라 도약 가이드·야놀자 야체 가이드

평가 결과 · 2개 케이스

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

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

58제목 야놀자 야체 · 본문 코트라 도약

야놀자 야체A=제목용

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

+코트라 도약B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

떠나요, 오늘의 가장 즐거운 여행지로

야놀자 야체는 큰 사이즈에서 강한 시선 집중력을 발휘하고, 코트라 도약은 단정한 세리프 구조로 중·장문 본문에서 차분한 가독성을 유지합니다.

분위기: 야놀자 야체의 발랄한 디스플레이 인상이 코트라 도약의 묵직한 세리프 본문과 만나 다소 이질적이지만, 친근함과 신뢰감을 동시에 전달할 수 있는 조합입니다.
대비·계층: 디스플레이 산세리프 제목과 정형 세리프 본문이라는 구조적 대비가 명확해 정보 위계는 잘 분리되지만, 두 폰트의 시대적·정서적 톤 차이가 커서 보조 장치(컬러·여백)로 결속이 필요합니다.
추천 용도: 여행·레저 캠페인 랜딩 페이지 헤더라이프스타일 매거진 표지와 인터뷰 본문지역 관광 브로슈어 표지+해설 본문이벤트 포스터의 강조 타이틀과 안내문

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshiGeist

본문Source SerifLora

둥글고 친근한 야체의 인상은 부드러운 지오메트릭 산세리프와 잘 맞고, 코트라 도약 본문은 클래식한 세리프 라틴과 페어링해 정통적 글맛을 강화합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2a44

#ff5b3a

#f5efe6

어울리는 산업 톤

여행·레저 친근라이프스타일 매거진지역 관광·문화

38제목 코트라 도약 · 본문 야놀자 야체

코트라 도약B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+야놀자 야체A=본문용

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

떠나고 싶은 마음, 오늘 시작해요

야놀자 야체는 디스플레이 성격이 강해 긴 본문 읽기에는 부적합하며, 코트라 도약은 단독 제목으로는 또렷하지만 본문이 산만해 위계가 흐려집니다.

분위기: 야놀자 야체의 기울어진 디스플레이 인상이 본문 역할을 맡고, 코트라 도약의 정제된 세리프가 제목으로 올라가면서 톤이 충돌합니다. 본문은 들뜨고 제목은 무게감 있어 일관성이 약합니다.
대비·계층: 세리프 제목과 기울어진 산세리프 디스플레이 본문이라는 구조 자체는 대비가 있지만, 야체의 강한 개성이 제목의 진중함을 잡아먹어 정보 위계 형성이 어렵습니다.
추천 용도: 여행·레저 캠페인 서브 카피이벤트 포스터 보조 문구프로모션 배너 짧은 본문브랜드 굿즈 패키지

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource Serif

본문SatoshiManrope

제목 코트라 도약의 클래식 세리프 인상에는 Playfair Display·EB Garamond가 자연스럽게 호응하고, 본문 야체의 동적인 산세리프 톤에는 기하학적이면서 활기 있는 Satoshi·Manrope가 어울립니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#ff6b4a

#f5f1ea

어울리는 산업 톤

여행·레저 캐주얼이벤트 프로모션라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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