한글 페어링 · 큐레이션

코트라 볼드+빛의 계승자

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

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

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

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

평가 결과 · 2개 케이스

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

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

42제목 빛의 계승자 · 본문 코트라 볼드

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

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

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

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

빛을 이은 자, 다시 깨어나다

빛의 계승자는 장식 디스플레이라 짧은 헤드라인에 한해 시인성이 살아나며, 코트라 볼드는 700 웨이트라 본문보다는 강조 단락에 적합합니다.

분위기: 빛의 계승자의 판타지적 장식성과 코트라 볼드의 공적·묵직한 인상이 톤에서 충돌합니다. 한쪽은 게임 세계관, 다른 쪽은 기관 신뢰감을 지향해 결이 어긋납니다.
대비·계층: 둘 다 시각적 무게가 강해 위계가 평탄해질 위험이 있습니다. 제목을 충분히 크게 키우거나 본문 웨이트를 더 가벼운 패밀리로 교체해야 대비가 확보됩니다.
추천 용도: 판타지 게임 이벤트 키비주얼MMORPG 시즌 업데이트 포스터게임 굿즈 패키지 헤드라인콘솔 게임 박스아트팬덤 커뮤니티 배너

어울리는 영문 폰트

제목CinzelTrajan ProPlayfair DisplayEB Garamond

본문IBM Plex SerifLora

빛의 계승자의 장식적·서사적 인상은 클래식 세리프 디스플레이와 호응하며, 코트라 볼드는 견고한 세리프 본문체와 톤이 맞습니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1530

#c9a24b

#f3ece1

어울리는 산업 톤

게임 판타지엔터테인먼트 IP굿즈·MD 프로모션

38제목 코트라 볼드 · 본문 빛의 계승자

코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드

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

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

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

오래된 약속이 다시 깨어난다

코트라 볼드는 제목으로 묵직한 존재감을 주지만, 본문 자리에 디스플레이 폰트인 빛의 계승자를 두면 긴 문장 가독성이 크게 떨어집니다.

분위기: 코트라 볼드의 공공·신뢰감 있는 세리프와 빛의 계승자의 판타지 게임 감성이 충돌해 일관된 톤을 형성하기 어렵습니다.
대비·계층: weight 차이(700/400)는 있으나 두 폰트 모두 장식성이 강해 위계가 명확히 분리되지 않고 시각적으로 산만해집니다.
추천 용도: 판타지 게임 이벤트 포스터 제목공공 캠페인 한정 비주얼전시 그래픽 단발성 사용굿즈·패키지 키비주얼

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문LoraSource Serif

코트라 볼드의 세리프 구조와 클래식한 묵직함을 보완하기 위해 전통적이면서도 권위감 있는 세리프 라틴을 매칭했습니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

공공기관 신뢰문화·전시 클래식출판 권위

구현 코드 · 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;
}