한글 페어링 · 큐레이션

나눔고딕+서울 남산

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

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

A:나눔고딕· 제작 네이버|B:서울 남산· 제작 서울특별시

→ 각 폰트 종합 가이드: 나눔고딕 가이드·서울 남산 가이드

평가 결과 · 2개 케이스

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

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

74제목 서울 남산 · 본문 나눔고딕

서울 남산B=제목용

제작서울특별시상업 무료다운로드

+나눔고딕A=본문용

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

도시의 하루는 작은 발걸음에서 시작됩니다

나눔고딕은 균일한 자간과 충분한 속공간으로 긴 본문에 안정적이며, 서울 남산은 또렷한 골격으로 짧은 제목에서 시선을 확실히 끈다.

분위기: 나눔고딕의 단정하고 중립적인 본문 톤 위에 서울 남산의 도시적이고 견고한 제목이 얹혀 공공·시민적 신뢰감을 자아낸다.
대비·계층: 둘 다 산세리프이지만 서울 남산의 각진 모티프와 나눔고딕의 둥근 마무리가 형태 대비를 만들고, 800/700 웨이트 격차로 위계도 확보된다.
추천 용도: 공공기관 안내 책자시민 대상 캠페인 웹페이지교육·문화 행사 리플렛지자체 보도자료 본문

어울리는 영문 폰트

제목IBM Plex SansInterManrope

본문Source Sans ProInter

서울 남산의 도시적 골격은 IBM Plex Sans·Manrope의 기하학적 라틴과 어울리고, 나눔고딕 본문은 Source Sans Pro의 중립 톤과 합성 시 자연스럽다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f3a5f

#c8a96a

#f4f1ea

어울리는 산업 톤

공공기관 신뢰교육 따뜻도시·문화 매거진

72제목 나눔고딕 · 본문 서울 남산

나눔고딕A=제목용

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

+서울 남산B=본문용

제작서울특별시상업 무료다운로드

도시의 일상에 시민의 목소리를 더하다

나눔고딕 800은 제목으로 또렷한 존재감을 주고, 서울 남산은 적당한 x-height와 균형 잡힌 자소로 본문 가독성이 양호합니다.

분위기: 나눔고딕의 친근하고 안정적인 인상이 서울 남산의 단정하면서도 도시적인 분위기와 잘 어우러져 공공·시민 친화적 톤을 형성합니다.
대비·계층: 둘 다 산세리프 계열이라 형태 대비는 약하지만, 나눔고딕 800과 서울 남산 400의 웨이트 차이로 위계는 충분히 확보됩니다.
추천 용도: 공공기관 안내 페이지시민 캠페인 브로슈어교육·문화 행사 포스터지역 관광 웹사이트행정 보고서 표지

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Source Sans ProInter

나눔고딕의 둥근 휴머니스트 골격에는 Inter·IBM Plex Sans처럼 균형 잡힌 모던 산세리프가 자연스럽게 합성되며, 서울 남산의 단정한 본문 톤에는 Source Sans Pro의 차분한 리듬이 잘 맞습니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f3a5f

#d97b3a

#f4f1ec

어울리는 산업 톤

공공기관 신뢰교육 따뜻지역·관광 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/SeoulNamsan/subsets/SeoulNamsan-dynamic-subset.css');

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

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