한글 페어링 · 큐레이션

서울 남산+본명조

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

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

A:서울 남산· 제작 서울특별시|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: 서울 남산 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

82제목 본명조 · 본문 서울 남산

본명조A=제목용

제작어도비·구글상업 무료다운로드

+서울 남산B=본문용

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

오래된 도시의 결을 천천히 따라 걷다

본명조는 다양한 웨이트로 제목 위계 표현이 풍부하며, 서울 남산은 명료한 글자 구조와 적당한 x-height로 긴 본문 읽기에 안정적이다.

분위기: 본명조의 고전적이고 정제된 세리프 인상이 제목을 단단히 잡아주고, 서울 남산의 절제된 산세리프가 본문에서 도시적이고 차분한 톤을 더해 격조 있는 분위기를 만든다.
대비·계층: 세리프 제목과 산세리프 본문이라는 고전적 대비 공식에 본명조의 700·900 굵기를 활용하면 본문 400과의 위계가 또렷하게 드러난다.
추천 용도: 문화·예술 매거진출판 단행본전시 도록공공 브랜드 캠페인지자체 리포트

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayLora

본문InterIBM Plex SansSource Sans Pro

본명조는 어도비 Source 패밀리와 동일 설계 철학을 공유하는 Source Serif와 가장 자연스럽고, 본문 서울 남산은 기하학적이지 않은 휴머니스트 산세리프 계열과 골격이 잘 맞는다.

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

40~52px

24~30px

본문

16~17px

line-height

1.7

어울리는 색상

#1f1a17

#a67c52

#f4efe7

어울리는 산업 톤

문화·예술 매거진공공기관 신뢰라이프스타일 출판

78제목 서울 남산 · 본문 본명조

서울 남산B=제목용

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

+본명조A=본문용

제작어도비·구글상업 무료다운로드

고요한 문장 사이로 도시의 숨결이 흐른다

본명조는 다양한 웨이트와 균형 잡힌 자형으로 긴 본문 가독성이 우수하며, 서울 남산은 제목에서 또렷한 인상을 준다.

분위기: 본명조의 정제된 명조 본문이 차분한 호흡을 만들고, 서울 남산의 단정하고 공적인 제목이 도시적 신뢰감을 더한다.
대비·계층: 세리프 본문과 산세리프·디스플레이 제목의 분류 대비가 명확해 위계가 자연스럽게 형성된다.
추천 용도: 문화·예술 매거진 본문공공기관 리포트전시 도록 내지도시 브랜딩 인쇄물출판 단행본

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source SerifIBM Plex Serif

서울 남산 제목에는 단정한 지오메트릭 산세리프가, 본명조 본문에는 같은 어도비 계열 Source Serif가 구조적으로 자연스럽게 합성된다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#a87c4f

#f5efe6

어울리는 산업 톤

문화·예술 매거진공공기관 신뢰출판 정통도시 브랜딩

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}