한글 페어링 · 큐레이션

노토 산스 KR+서울 한강

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

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

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

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

평가 결과 · 2개 케이스

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

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

82제목 서울 한강 · 본문 노토 산스 KR

서울 한강B=제목용

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

+노토 산스 KRA=본문용

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

한강의 바람이 도시의 하루를 부드럽게 채운다.

노토 산스 KR은 균일한 자폭과 안정적인 x-height로 긴 본문에 최적이며, 서울 한강은 짧은 헤드라인에서 시선을 빠르게 잡아준다.

분위기: 노토 산스 KR의 중립적이고 명료한 인상이 본문을 차분히 받쳐주고, 서울 한강의 또렷한 획과 도시적 정체성이 제목에서 산뜻한 강조를 만든다.
대비·계층: 본문은 Regular(400), 제목은 Bold(700)로 두 단계 이상 웨이트 격차를 두면 구조 차이가 분명해져 위계가 잘 살아난다.
추천 용도: 공공기관 안내 페이지도시 브랜딩 리포트문화행사 웹사이트 본문교육기관 뉴스레터행정 백서 출판물

어울리는 영문 폰트

제목InterManropeIBM Plex Sans

본문InterSource Sans Pro

노토 산스 KR의 중립적 구조와 잘 맞는 기하학적 산세리프 라틴을 매칭하면 본문 흐름이 끊기지 않고, 제목용 Manrope·Plex가 서울 한강의 또렷한 인상과 호응한다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f3a5f

#4a90c2

#f4f6f8

어울리는 산업 톤

공공기관 신뢰도시 브랜딩 단정교육 따뜻

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

노토 산스 KRB=제목용

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

+서울 한강A=본문용

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

한강의 바람이 도시를 부드럽게 감싼다

서울 한강은 디스플레이 성격이 있어 장문 본문에는 18px 전후의 넉넉한 사이즈와 줄간격이 필요하며, 노토 산스 KR 제목은 모든 무게에서 또렷이 읽힌다.

분위기: 서울 한강의 도시적이고 유려한 인상이 본문에서 톤을 주도하고, 노토 산스 KR의 견고한 제목이 안정감을 더한다.
대비·계층: 노토 산스 KR 700~900의 굵은 제목과 서울 한강 300~400 본문 간 웨이트 격차로 위계가 명확히 형성된다.
추천 용도: 서울시 공공 캠페인 페이지도시·관광 매거진 본문라이프스타일 브랜드 소개 콘텐츠전시·문화행사 리플렛

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source Sans ProPlus Jakarta Sans

서울 한강의 유려한 본문 흐름에는 휴머니스트 톤의 Source Sans·Jakarta가 어울리고, 노토 산스 KR 제목에는 구조적 그로테스크 계열이 정합된다.

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

36~44px

24~28px

본문

17~18px

line-height

1.7

어울리는 색상

#1f4e79

#5ea8c7

#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/SeoulHangang/subsets/SeoulHangang-dynamic-subset.css');

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

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