한글 페어링 · 큐레이션

노토 세리프 KR+서울 한강

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

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

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

→ 각 폰트 종합 가이드: 노토 세리프 KR 가이드·서울 한강 가이드

평가 결과 · 2개 케이스

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

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

78제목 서울 한강 · 본문 노토 세리프 KR

서울 한강B=제목용

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

+노토 세리프 KRA=본문용

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

한강의 물결처럼 흐르는 도시의 이야기

노토 세리프 KR은 다양한 웨이트와 균형 잡힌 글자 구조로 긴 본문에 매우 적합하며, 서울 한강은 직선적 골격으로 짧은 제목에서 즉각 시선을 끈다.

분위기: 노토 세리프 KR이 차분하고 신뢰감 있는 본문 톤을 만들고, 서울 한강이 도시적이고 모던한 제목 인상을 더해 전통과 현대가 조화로운 분위기를 형성한다.
대비·계층: 세리프 본문 vs 산세리프 디스플레이 제목의 구조 대비가 명확하고, 700 웨이트 활용 시 위계가 또렷하게 드러난다.
추천 용도: 문화·예술 매거진 본문공공기관 정책 리포트도시 브랜딩 출판물전시 도록 본문 조판에세이 단행본

어울리는 영문 폰트

제목InterManropeGeistIBM Plex Sans

본문Source SerifIBM Plex SerifEB Garamond

본문 세리프에는 같은 세리프 계열로 톤을 맞추고, 제목의 서울 한강은 기하학적 산세리프와 합성하면 직선적 골격이 자연스럽게 이어진다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1a2b3c

#5a8fa8

#f5efe6

어울리는 산업 톤

공공기관 신뢰라이프스타일 매거진문화예술 출판도시 브랜딩

76제목 노토 세리프 KR · 본문 서울 한강

노토 세리프 KRA=제목용

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

+서울 한강B=본문용

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

도시의 결을 글로 새기다

노토 세리프 KR은 제목에서 획의 굵기 대비가 살아나 시선을 끌고, 서울 한강은 본문 사이즈에서 깔끔한 골격 덕분에 짧은 단락의 가독성을 확보합니다.

분위기: 노토 세리프 KR의 고전적이고 정제된 인상이 서울 한강의 도시적이고 모던한 본문과 만나 클래식과 컨템포러리가 교차하는 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문의 분류 대비가 명확해 정보 위계가 직관적이며, 제목은 700~900, 본문은 400으로 운용하면 대비가 더욱 또렷해집니다.
추천 용도: 문화·예술 매거진도시 브랜드 리포트출판 에디토리얼전시 도록공공 캠페인 웹페이지

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifIBM Plex Serif

본문InterIBM Plex SansManrope

노토 세리프 KR의 클래식한 세리프 골격에는 같은 세리프 계열의 EB Garamond·Playfair가 시각적 결을 맞추고, 서울 한강의 도시적 산세리프에는 Inter·IBM Plex Sans처럼 중립적이고 정렬감 있는 산세리프가 자연스럽게 호응합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

문화·예술 에디토리얼공공기관 신뢰라이프스타일 매거진도시 브랜딩

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;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 Serif KR', sans-serif;
}

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