한글 페어링 · 큐레이션

나눔바른고딕+이순신체

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

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

A:나눔바른고딕· 제작 네이버|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 나눔바른고딕 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

62제목 이순신체 · 본문 나눔바른고딕

이순신체B=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

+나눔바른고딕A=본문용

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

조용한 기록이 깊은 울림으로 남는다

나눔바른고딕은 균일한 자폭과 안정된 x-height로 긴 한국어 본문 가독성이 우수하며, 이순신체는 손글씨 특유의 강한 인상으로 짧은 헤드라인에서 시선을 잡는다.

분위기: 나눔바른고딕의 정제된 본문 위에 이순신체의 강건한 붓글씨 제목이 얹히면, 차분한 기록 위에 결연한 의지가 선언되는 분위기가 형성된다.
대비·계층: 기하학적 산세리프 본문과 굵은 붓글씨 제목 사이의 형태·질감 대비가 매우 커서 위계는 분명하지만, 톤 충돌 위험도 함께 존재한다.
추천 용도: 역사·문화 기획전 도록 본문지자체 캠페인 리플릿전통주·한식 브랜드 스토리 페이지보훈·기념일 행사 안내문

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweather

본문Source Sans ProInter

이순신체의 붓글씨 무게감에는 클래식 세리프의 인상이 호응하고, 본문은 나눔바른고딕의 단정한 골격에 맞는 중립적 산세리프가 무난하다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f1a17

#a8331f

#f3ede2

어울리는 산업 톤

역사·문화 헤리티지공공기관 신뢰전통 라이프스타일

58제목 나눔바른고딕 · 본문 이순신체

나눔바른고딕B=제목용

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

+이순신체A=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

그날의 다짐을 오늘 다시 새깁니다

이순신체는 획의 굴곡과 개성이 강해 장문 본문 가독성은 제한적이며, 제목으로 사용된 나눔바른고딕은 명료하고 깔끔하게 정보를 전달합니다.

분위기: 이순신체의 굳센 손글씨 인상이 본문에 자리잡고, 나눔바른고딕이 단정한 제목으로 균형을 잡습니다. 다만 본문에서 손글씨를 길게 읽기엔 부담이 있어 짧은 호흡의 콘텐츠에 적합합니다.
대비·계층: 손글씨 본문 + 산세리프 제목 구조로 질감 대비는 분명하나, 두 폰트 모두 중간 굵기 영역에서 위계 차가 약하므로 제목은 700 이상으로 확실히 강조해야 합니다.
추천 용도: 역사·인물 전시 패널 캡션지역 문화 행사 리플렛공공 캠페인 인용문 카드교육용 스토리 자료기념관 굿즈 패키지

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문Source SerifLora

제목 나눔바른고딕은 균형 잡힌 기하 산세리프 라틴과 자연스럽게 합성되며, 본문 이순신체의 손글씨 질감은 약간의 세리프 라틴이 인쇄물 톤을 보완합니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2018

#a8773d

#f3ece1

어울리는 산업 톤

공공기관 신뢰역사·문화 헤리티지지역 관광 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'Nanum Barun Gothic', sans-serif;
}

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