designnews

한글 페어링 · 큐레이션

코트라 볼드+스타일리쉬

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

평가 케이스
2개
평균 점수
42점
관련 페어
6개
A:코트라 볼드· 제작 코트라|B:스타일리쉬· 제작 LE'TS

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

평가 결과 · 2개 케이스

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

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

42제목 코트라 볼드 · 본문 스타일리쉬
코트라 볼드B=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+스타일리쉬A=본문용
제작LE'TS상업 무료다운로드
현대와 전통이 만나는 특별한 순간

스타일리쉬는 display 폰트로 긴 본문 읽기에 부적합하며, 코트라 볼드 700 웨이트는 제목으로도 과도하게 무겁다. 본문용 정규 웨이트 세리프 폰트 부재로 가독성이 낮다.

분위기
스타일리쉬의 현대적 산세리프와 코트라 볼드의 전통적 세리프가 분위기 충돌을 일으킨다. 두 폰트 모두 디스플레이 용도로 설계되어 본문-제목 위계 구성에 부적합하다.
대비·계층
산세리프 vs 세리프 구조 대비는 명확하나, 둘 다 display 특성으로 인해 정보 위계보다 장식성이 우선되어 실무 대비 효과가 약하다.
추천 용도
포스터·배너 같은 단문 디스플레이 (둘 다 디스플레이 폰트)매거진 커버 타이틀 (세리프 강조 필요 시)이벤트 그래픽 (현대성 + 전통성 혼합 톤)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondManrope
본문InterSource Sans Pro

코트라 볼드의 세리프 전통성을 강화하려면 Playfair Display 같은 고전 디스플레이 세리프를, 스타일리쉬의 현대성을 살리려면 Inter 같은 중성 산세리프를 추천한다.

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

h1
48~64px
h2
32~40px
본문
14~16px
line-height
1.6

어울리는 색상

#1a1a1a
#d4a574
#f9f7f4

어울리는 산업 톤

럭셔리 라이프스타일문화예술 갤러리
42제목 스타일리쉬 · 본문 코트라 볼드
스타일리쉬B=제목용
제작LE'TS상업 무료다운로드
+코트라 볼드A=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
현대적 감각의 브랜드 아이덴티티를 구축하세요.

코트라 볼드는 display serif로 설계되어 본문 장문 읽기에 부적합하며, 스타일리쉬 400은 제목 위계 표현에 충분한 대비가 없다. 역할 배정이 근본적으로 맞지 않는다.

분위기
코트라 볼드의 굵은 serif 디스플레이 톤과 스타일리쉬의 가벼운 sans 톤이 충돌하여 일관된 분위기 형성이 어렵다. 본문용 serif 700은 장문 읽기에 피로도가 높고, 제목용 sans 400은 가시성이 부족하다.
대비·계층
weight 대비(700 vs 400)는 수치상 충분하나, 구조적 대비(serif vs sans)가 명확하지 않고 두 폰트 모두 display 용도로 설계되어 본문-제목 위계를 효과적으로 구분하지 못한다.
추천 용도
포스터·배너 등 극도로 제한된 단문 디스플레이 (비권장)실험적 아트 디렉션 (가독성 희생 시)일반 웹·출판·UI 본문-제목 구성 (부적합)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource Serif Pro
본문InterSource Sans Pro

코트라 볼드는 serif display이므로 Playfair Display 같은 고전적 serif 디스플레이와 페어링하되, 본문 역할은 피하고 스타일리쉬와의 혼용을 피하기 위해 명확한 sans 본문 폰트(Inter, Source Sans Pro)를 별도 사용하는 것이 권장된다.

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

h1
48~64px
h2
28~36px
본문
14~16px
line-height
1.6

어울리는 색상

#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;
}

관련 페어 · 같은 폰트 포함

코트라 볼드 또는 스타일리쉬 들어간 다른 인기 페어