한글 페어링 · 큐레이션

푸른전남체+나눔바른고딕

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

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

A:푸른전남체· 제작 전라남도|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: 푸른전남체 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 푸른전남체 · 본문 나눔바른고딕

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

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

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

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

전남의 푸른 바다와 만나는 시간

푸른전남체 700은 제목에서 또렷한 존재감을 보여주며, 나눔바른고딕은 본문 가독성이 검증된 표준급 고딕이라 긴 글에 적합하다.

분위기: 푸른전남체의 단단하고 지역적 자긍심이 담긴 인상이 나눔바른고딕의 정제된 중립성과 만나 신뢰감 있는 공적 분위기를 형성한다.
대비·계층: 제목의 지역체 특유의 또렷한 골격과 본문의 균질한 라인이 명확한 위계 차이를 만들어 정보 구조가 깔끔하게 정리된다.
추천 용도: 공공기관 홍보물지역 관광 브로슈어정책 안내 웹사이트교육 자료 편집공공 캠페인 포스터

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문InterSource Sans ProIBM Plex Sans

푸른전남체의 견고한 골격에는 균형감 있는 Inter·IBM Plex Sans가 잘 맞고, 나눔바른고딕 본문에는 라틴 가독성이 검증된 Source Sans Pro 계열이 자연스럽게 어우러진다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f3a5f

#4a90a4

#f4f1ea

어울리는 산업 톤

공공기관 신뢰지역 관광 친근교육 따뜻문화재단 차분

74제목 나눔바른고딕 · 본문 푸른전남체

나눔바른고딕B=제목용

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

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

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

전남의 푸른 들녘에서 오늘을 기록합니다

푸른전남체는 본문 흐름에 무난하며, 나눔바른고딕 Bold가 짧은 제목·강조구에서 또렷하게 시선을 끈다.

분위기: 푸른전남체가 지역적 친근함과 차분한 인상을 만들고, 나눔바른고딕이 단정한 강조 제목으로 안정감을 더한다.
대비·계층: 두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만, 웨이트(400 본문 vs 700 강조)로 위계는 충분히 분리된다.
추천 용도: 지역 공공기관 안내문교육 자료 본문관광 브로슈어사내 뉴스레터지자체 웹사이트

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source Sans ProInter

푸른전남체의 정돈된 본문 톤에는 균형감 있는 Source Sans Pro·Inter가 어울리고, 나눔바른고딕 강조에는 또렷한 IBM Plex Sans·Manrope가 위계를 보강한다.

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

28~34px

20~24px

본문

16~18px

line-height

1.7

어울리는 색상

#1f4e79

#7ba7c7

#f4f6f8

어울리는 산업 톤

공공기관 신뢰지역 브랜딩 친근교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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