한글 페어링 · 큐레이션

빛의 계승자+나눔고딕

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

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

A:빛의 계승자· 제작 엔젤게임즈|B:나눔고딕· 제작 네이버

→ 각 폰트 종합 가이드: 빛의 계승자 가이드·나눔고딕 가이드

평가 결과 · 2개 케이스

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

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

42제목 빛의 계승자 · 본문 나눔고딕

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

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

+나눔고딕B=본문용

제작네이버상업 무료다운로드

우아한 디자인과 실용성의 조화

나눔고딕은 본문 가독성이 우수하나, 빛의 계승자는 디스플레이 폰트로 제목에만 적합하고 큰 사이즈에서만 가독성을 확보한다. 제목-본문 간 가독성 격차가 크다.

분위기: 빛의 계승자는 우아하고 세련된 디스플레이 톤을 지향하지만, 나눔고딕의 실용적이고 중성적인 산업 톤과 분위기 충돌이 발생한다. 두 폰트가 추구하는 감정선이 명확히 다르다.
대비·계층: 무게(weight) 대비는 명확하지만, 구조적 대비가 약하다. 빛의 계승자의 우아한 곡선과 나눔고딕의 기하학적 직선이 시각적 위계를 만들기보다 어색함을 유발한다.
추천 용도: 소규모 이벤트 포스터 (제목만 강조)갤러리·미술관 안내 (세련된 톤 필요)고급 브랜드 소개 페이지 (본문 가독성 보조 필요)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondManrope

본문InterSource Sans Pro

빛의 계승자의 우아함을 강조하려면 Playfair Display 같은 고전적 디스플레이 세리프가 어울리고, 나눔고딕의 실용성을 보강하려면 Inter나 Source Sans Pro 같은 중립적 산세리프가 적합하다. 하지만 두 폰트 조합 자체가 분위기 충돌을 보이므로 라틴 폰트만으로는 통일이 어렵다.

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

48~64px

28~36px

본문

16~17px

line-height

1.6

어울리는 색상

#2c2c2c

#d4af37

#f9f7f4

어울리는 산업 톤

럭셔리 라이프스타일문화예술 기관

38제목 나눔고딕 · 본문 빛의 계승자

나눔고딕A=제목용

제작네이버상업 무료다운로드

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

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

새로운 모험이 당신을 기다리고 있습니다.

빛의 계승자는 디스플레이 폰트로 장식성이 강해 긴 본문 텍스트 가독성이 현저히 떨어집니다. 나눔고딕은 제목용으로 충분히 명확하지만, 본문 역할 폰트가 부적합하여 전체 위계가 무너집니다.

분위기: 나눔고딕의 중립적 기하학성과 빛의 계승자의 장식적·판타지 톤이 충돌하여 일관된 분위기를 형성하지 못합니다. 제목-본문 역할 배치가 역순이어서 시각 위계가 혼란스럽습니다.
대비·계층: 나눔고딕 700/800과 빛의 계승자 400 간 무게 대비는 존재하지만, 구조적 차이(기하학 vs 장식)가 커서 정보 위계보다 '어색함'을 먼저 인식하게 됩니다.
추천 용도: 게임·판타지 콘텐츠 (빛의 계승자 디스플레이 특성 활용 시에만 가능)제목-본문 역할 재배치 후 특정 악센트 디자인 (현재 배치로는 비권장)

어울리는 영문 폰트

제목InterRobotoPlus Jakarta Sans

본문Source Sans ProIBM Plex Sans

나눔고딕의 중립적 산세리프 특성에는 현대적 기하학 영문 폰트가 적합합니다. 빛의 계승자는 영문 페어링이 거의 불가능하므로 한글 전용 디스플레이로 제한하는 것이 권장됩니다.

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

36~44px

20~24px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#6b5b95

#f5f1e8

어울리는 산업 톤

게임·판타지 엔터테인먼트스타트업 창의 (신중한 재고 필요)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

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

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