한글 페어링 · 큐레이션

노토 산스 KR+서울 남산

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

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

A:노토 산스 KR· 제작 구글·어도비|B:서울 남산· 제작 서울특별시

→ 각 폰트 종합 가이드: 노토 산스 KR 가이드·서울 남산 가이드

평가 결과 · 2개 케이스

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

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

86제목 서울 남산 · 본문 노토 산스 KR

서울 남산A=제목용

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

+노토 산스 KRB=본문용

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

서울의 하루, 도시가 말을 건네다

서울 남산은 획이 또렷해 제목에서 시선을 잡고, 노토 산스 KR은 폭넓은 웨이트와 안정적 자소 구조로 긴 본문 가독성이 매우 높다.

분위기: 서울 남산의 단정하고 공공적인 인상이 노토 산스 KR의 중립적 본문 톤과 만나 신뢰감 있는 분위기를 만든다.
대비·계층: 서울 남산 700과 노토 산스 KR 400의 조합으로 굵기·인상 차이가 분명해 위계가 자연스럽게 형성된다.
추천 용도: 공공기관 웹사이트도시 브랜딩 캠페인관광 안내 인쇄물정책 리포트전시·문화 행사 포스터

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문InterSource Sans ProIBM Plex Sans

서울 남산의 단정한 기하학적 인상은 Inter·IBM Plex Sans 같은 모던 산세리프와 구조적 결이 맞고, 노토 산스 KR 본문은 동일 계열 영문과 합성 시 자소 높이가 잘 맞는다.

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

36~48px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2d3d

#3a7bd5

#f4f6f8

어울리는 산업 톤

공공기관 신뢰도시 브랜딩문화·관광 안내B2B 리포트

74제목 노토 산스 KR · 본문 서울 남산

노토 산스 KRA=제목용

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

+서울 남산B=본문용

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

도시는 사람의 이야기로 완성된다

노토 산스 KR은 큰 사이즈에서 자획이 또렷해 헤드라인 가독성이 높고, 서울 남산은 글자폭이 넓고 속공간이 여유로워 본문에서도 부담 없이 읽힌다.

분위기: 노토 산스 KR의 글로벌 표준 산세리프 톤이 제목을 안정적으로 잡고, 서울 남산의 살짝 인문적인 곡선이 본문에 도시적 따뜻함을 더한다.
대비·계층: 두 폰트 모두 산세리프지만 노토 산스의 기하학적 균질감과 서울 남산의 인문적 디테일 차이로 위계가 형성되며, 제목은 700~900, 본문은 400 무게로 명확한 대비를 만들 수 있다.
추천 용도: 공공기관·지자체 웹사이트도시 브랜딩 리포트문화 행사 안내 페이지교육·정책 브로슈어기업 IR 자료

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문Source Sans ProIBM Plex Sans

노토 산스 KR은 Inter·Helvetica 계열의 중립 산세리프와 구조가 일치하고, 서울 남산의 본문에는 약간 인간미가 있는 IBM Plex나 Source Sans가 자연스럽게 어울린다.

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

36~48px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#2b3a55

#c9a96e

#f4f1ea

어울리는 산업 톤

공공기관 신뢰도시 브랜딩문화·교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

/* 제목 */
h1, h2, h3 {
  font-family: 'Noto Sans KR', sans-serif;
}

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