한글 페어링 · 큐레이션

나눔고딕+서울 한강

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

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

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

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

평가 결과 · 2개 케이스

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

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

84제목 서울 한강 · 본문 나눔고딕

서울 한강A=제목용

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

+나눔고딕B=본문용

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

한강의 밤, 도시를 다시 걷다

서울 한강은 모던한 디스플레이 성격으로 제목에서 시선을 확실히 끌며, 나눔고딕은 한글 본문 가독성이 검증된 표준 산세리프라 긴 문장도 무리 없이 읽힌다.

분위기: 서울 한강의 도시적이고 세련된 인상이 나눔고딕의 단정하고 친숙한 톤과 만나 도시 라이프스타일 콘텐츠에 어울리는 일관된 분위기를 만든다.
대비·계층: 디스플레이성 제목과 중립적 본문이라는 역할 분리가 분명하고, 700 굵기 제목과 400 본문의 웨이트 차로 위계가 명확히 형성된다.
추천 용도: 서울 시정 홍보 매체도시 라이프스타일 매거진공공기관 웹사이트문화·관광 콘텐츠지역 브랜드 캠페인

어울리는 영문 폰트

제목ManropeInterPlus Jakarta SansGeist

본문InterSource Sans ProIBM Plex Sans

서울 한강의 정제된 지오메트릭 라인에는 Manrope·Geist 같은 모던 산세리프가, 나눔고딕의 보편적 가독성에는 Inter·Source Sans Pro의 안정적 본문 톤이 자연스럽게 맞물린다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1c2b3a

#4a90c2

#f3f5f7

어울리는 산업 톤

공공기관 신뢰도시 라이프스타일 매거진문화·관광 브랜딩

68제목 나눔고딕 · 본문 서울 한강

나눔고딕A=제목용

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

+서울 한강B=본문용

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

도시의 새로운 이야기를 시작합니다

나눔고딕은 제목에서 명료하게 읽히며, 서울 한강체는 본문 사이즈에서 안정적이지만 디스플레이 성격이 강해 긴 본문에는 다소 부담이 있습니다.

분위기: 나눔고딕의 친숙하고 보편적인 인상이 제목을 잡아주고, 서울 한강체의 절제된 도시적 감성이 본문에 미묘한 결을 더합니다.
대비·계층: 두 폰트 모두 sans 계열이라 구조적 대비는 약하나, 나눔고딕 800 weight를 활용하면 위계 분리가 가능합니다.
추천 용도: 공공기관 안내 페이지서울 관련 캠페인 웹사이트관광·문화 브로슈어지역 행사 포스터

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source Sans ProInter

나눔고딕의 둥글고 보편적인 골격에는 Inter·Manrope의 중립적 형태가 잘 맞고, 서울 한강체의 절제된 본문 톤에는 Source Sans Pro의 부드러운 라틴이 어울립니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f3a5f

#5b9bd5

#f4f6f8

어울리는 산업 톤

공공기관 신뢰지역·관광 브랜드문화·예술 캠페인

구현 코드 · 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/SeoulHangang/subsets/SeoulHangang-dynamic-subset.css');

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

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