한글 페어링 · 큐레이션

코트라 희망+스타일리쉬

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

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

A:코트라 희망· 제작 코트라|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: 코트라 희망 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

42제목 코트라 희망 · 본문 스타일리쉬

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

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

+스타일리쉬A=본문용

제작LE'TS상업 무료다운로드

현대와 전통이 만나는 디자인의 경계

스타일리쉬는 display 분류로 장문 본문 읽기에 최적화되지 않았으며, 코트라 희망 serif는 제목으로 사용 시 serif의 세리프가 작은 크기에서 가독성을 해칠 수 있습니다. 본문-제목 역할 배치가 각 폰트의 설계 목적과 역행합니다.

분위기: 스타일리쉬의 현대적·기하학적 sans-serif 분위기와 코트라 희망의 전통적·우아한 serif가 충돌하여 일관된 톤을 형성하기 어렵습니다. 본문용 sans가 제목용 serif와 만날 때 분위기 단절이 발생합니다.
대비·계층: 두 폰트 모두 400 weight로 시각적 무게감 대비가 부족하며, sans와 serif 구조 대비만으로는 명확한 정보 위계를 만들기 어렵습니다. 제목이 본문보다 더 강한 인상을 주지 못합니다.
추천 용도: 실험적 아트/갤러리 웹사이트 (의도적 대비 활용 시)고급 잡지 에디토리얼 (serif 제목 + sans 본문 역전 구성)문화예술 포스터 (분위기 충돌을 예술적으로 해석)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

코트라 희망 serif 제목에는 우아한 serif 영문(Playfair Display)이, 스타일리쉬 본문에는 명확한 sans 영문(Inter)이 각각 어울립니다. 다만 한글-영문 폰트 페어 자체도 분위기 통일이 필요합니다.

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

36~44px

20~24px

본문

16~17px

line-height

1.6

어울리는 색상

#2a2a2a

#d4a574

#f9f7f4

어울리는 산업 톤

문화예술 갤러리고급 라이프스타일 매거진

42제목 스타일리쉬 · 본문 코트라 희망

스타일리쉬A=제목용

제작LE'TS상업 무료다운로드

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

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

현대적 디자인과 전통의 조화를 추구합니다.

코트라 희망은 본문용 세리프로 충분한 가독성을 제공하지만, 스타일리쉬는 디스플레이 폰트로 설계되어 제목 용도에는 적합하나 폰트 간 계층 차이가 명확하지 않아 정보 위계 구성이 약합니다.

분위기: 스타일리쉬의 현대적이고 세련된 디스플레이 감성과 코트라 희망의 전통적이고 공식적인 세리프 톤이 충돌합니다. 두 폰트가 추구하는 시각적 분위기가 일관성 있게 어우러지지 않습니다.
대비·계층: sans(스타일리쉬) vs serif(코트라 희망) 구조 대비는 있으나, 두 폰트 모두 400 weight로 동일하여 시각적 무게감 차이가 부족합니다. 제목-본문 간 명확한 강조 효과가 미흡합니다.
추천 용도: 공공기관·정부 공식 문서 (세리프 본문이 신뢰성 강화)학술·출판물 (전통적 세리프 본문 구조)기업 보고서 (공식성 필요 시에만 제한적)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifEB Garamond

스타일리쉬의 모던 산세리프 특성에는 기하학적 산세리프(Manrope, Geist)가 조화롭고, 코트라 희망의 세리프 본문에는 인문적이고 읽기 편한 세리프(Source Serif, EB Garamond)가 자연스럽게 어울립니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 공식성출판·학술 전통성

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Stylish&display=swap');

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

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