한글 페어링 · 큐레이션

푸른전남체+빛의 계승자

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

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

A:푸른전남체· 제작 전라남도|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 푸른전남체 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

62제목 빛의 계승자 · 본문 푸른전남체

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

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

+푸른전남체B=본문용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

전설은 그대의 손끝에서 다시 깨어난다

빛의 계승자는 장식적이지만 큰 사이즈에서 임팩트가 살고, 푸른전남체는 균일한 글자폭과 적절한 속공간으로 긴 본문 가독성이 안정적이다.

분위기: 빛의 계승자의 게임 판타지풍 디스플레이 인상이 푸른전남체의 단정한 고딕 본문과 만나면 환상성과 정돈된 신뢰감이 공존하는 톤을 만든다.
대비·계층: 장식적 디스플레이(400) vs 정제된 산세리프(400/700)의 스타일 대비가 뚜렷해 제목-본문 위계가 명확하게 잡힌다.
추천 용도: 게임·웹툰 프로모션 페이지 헤드라인판타지 IP 굿즈 카피지역 축제·문화행사 포스터캠페인 랜딩페이지 메인 타이틀

어울리는 영문 폰트

제목CinzelPlayfair DisplayCormorant Garamond

본문InterIBM Plex Sans

디스플레이 한글의 서사적 인상은 클래식·세리프 라틴과 맞물려 톤을 살리고, 본문은 중립적 산세리프로 가독성을 확보한다.

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

44~56px

26~32px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2440

#c8a96a

#f4f1ea

어울리는 산업 톤

게임·엔터테인먼트 서사지역 문화관광 캠페인라이프스타일 매거진 특집

42제목 푸른전남체 · 본문 빛의 계승자

푸른전남체B=제목용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

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

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

빛을 품은 자, 다시 길 위에 서다

빛의 계승자는 장식 디스플레이 폰트라 본문 역할로 쓰면 긴 문장 가독성이 급격히 떨어지고, 푸른전남체는 제목으로 충분히 명료하나 본문의 부담을 메워주진 못합니다.

분위기: 빛의 계승자가 주도하는 판타지·게임풍 장식성과 푸른전남체의 공공·실용 산세리프 톤이 서로 다른 방향을 가리켜 일관된 정서를 형성하기 어렵습니다.
대비·계층: 장식체 본문과 정직한 산세리프 제목이라는 구성은 일반적 위계와 반대로 작동해, 대비는 생기지만 정보 우선순위가 흐려집니다.
추천 용도: 게임 세계관 소개 페이지판타지 웹툰 에피소드 표지이벤트 한정 캠페인 카드RPG 인트로 컷신 자막

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문CinzelEB Garamond

제목 푸른전남체에는 구조가 또렷한 모던 산세리프가, 장식적인 빛의 계승자 본문에는 클래식한 세리프 계열이 톤을 보완합니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.75

어울리는 색상

#1b2a4a

#c9a961

#f4f1ea

어울리는 산업 톤

게임 판타지엔터테인먼트 스토리텔링이벤트 캠페인

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