한글 페어링 · 큐레이션

코트라 도약+빛의 계승자

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

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

A:코트라 도약· 제작 코트라|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 코트라 도약 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

42제목 코트라 도약 · 본문 빛의 계승자

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

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

+빛의 계승자A=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

오래된 빛이 다시 깨어나 길을 비춘다

빛의 계승자는 본문용으로 설계되지 않은 디스플레이 폰트라 긴 글에 적합하지 않으며, 코트라 도약은 제목 크기에서 또렷하게 읽힙니다.

분위기: 빛의 계승자는 판타지 게임의 장식적 인상이 강하고, 코트라 도약은 공공·비즈니스 신뢰감을 주는 세리프라 두 폰트의 톤이 크게 어긋납니다.
대비·계층: 장식적 본문과 정제된 세리프 제목이라는 구조 대비는 있으나, 위계가 명확하다기보다는 이질감으로 작용해 정보 전달이 산만해집니다.
추천 용도: 게임 세계관 소개 페이지의 짧은 서사 블록판타지 IP 굿즈 카탈로그공공 행사 중 문화·관광 섹션전시 도록의 보조 캡션

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문LoraMerriweather

코트라 도약의 단정한 세리프 구조에 맞춰 클래식한 라틴 세리프를 매칭하면 제목 위계가 안정적으로 잡힙니다. 본문은 장식 폰트의 부담을 보완하도록 부드러운 세리프가 적합합니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.75

어울리는 색상

#2a1f3d

#b8924a

#f3ede1

어울리는 산업 톤

문화 콘텐츠 서사게임 IP 브랜딩전시·도록

42제목 빛의 계승자 · 본문 코트라 도약

빛의 계승자B=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

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

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

도약하는 기업, 새로운 시대를 씁니다

코트라 도약은 묵직한 골격과 또렷한 획으로 본문에서 안정적인 가독성을 제공합니다. 다만 빛의 계승자가 제목으로 강하게 튀어 본문과의 시각적 연결이 약합니다.

분위기: 코트라 도약의 단단하고 공적인 세리프 인상이 빛의 계승자의 판타지·게임적 장식성과 톤이 충돌합니다. 두 폰트가 지향하는 세계관이 달라 일관된 분위기 형성이 어렵습니다.
대비·계층: 디스플레이 폰트와 세리프의 웨이트 차는 충분하지만 스타일 대비가 과도해 위계가 아닌 분리로 읽힙니다. 정보 흐름의 자연스러움이 떨어집니다.
추천 용도: 게임 세계관 소개 페이지 본문판타지 웹소설 도입부이벤트 랜딩의 설명 영역캠페인 스토리텔링 페이지

어울리는 영문 폰트

제목Playfair DisplayEB GaramondCinzel

본문Source SerifMerriweather

코트라 도약의 본문 세리프 골격에는 가독성 높은 라틴 세리프를, 빛의 계승자의 장식적 제목에는 클래식·드라마틱 라틴 세리프를 합성해 톤을 연결합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b1d3a

#b89968

#f3ede2

어울리는 산업 톤

게임 스토리텔링공공기관 캠페인출판 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 코트라 도약 또는 빛의 계승자의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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