한글 페어링 · 큐레이션

잠실+노토 산스 KR

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

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

A:잠실· 제작 송파구|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 잠실 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

82제목 잠실 · 본문 노토 산스 KR

잠실B=제목용

제작송파구상업 무료다운로드

+노토 산스 KRA=본문용

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

동네 가게의 이야기를 천천히 읽어보세요

노토 산스 KR은 균일한 자형과 넓은 웨이트 스펙트럼으로 긴 본문 가독성이 뛰어나며, 잠실체는 둥근 종결부 덕분에 짧은 강조 문구가 부드럽게 인식된다.

분위기: 노토 산스 KR의 중립적이고 차분한 본문이 잠실체의 둥글고 친근한 제목과 만나 따뜻하면서도 신뢰감 있는 톤을 만든다.
대비·계층: 본문의 기하학적 중립성과 제목의 라운드 디스플레이 인상이 명확한 위계를 만들며, Bold/Heavy 조합 시 대비가 더욱 선명해진다.
추천 용도: 공공기관 안내 페이지지역 브랜드 캠페인교육 콘텐츠 본문라이프스타일 매거진 기사뉴스레터 본문

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문InterIBM Plex SansSource Sans Pro

본문의 노토 산스 KR은 Inter·IBM Plex Sans와 x-height 및 중립 톤이 잘 맞고, 잠실체 제목에는 라운드 감각이 있는 Manrope·Plus Jakarta Sans가 분위기를 살린다.

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

32~40px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2b3a2e

#e8a87c

#f5efe6

어울리는 산업 톤

공공기관 친근로컬 라이프스타일교육 따뜻F&B 친근

74제목 노토 산스 KR · 본문 잠실

노토 산스 KRA=제목용

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

+잠실B=본문용

제작송파구상업 무료다운로드

도시의 일상을 새롭게 디자인합니다

노토 산스 KR은 다양한 굵기로 제목 위계를 명확히 잡아주고, 잠실은 적당한 x-height와 둥근 곡선으로 본문에서 친근한 가독성을 제공합니다.

분위기: 노토 산스 KR의 중립적이고 정돈된 제목과 잠실의 둥글고 친근한 본문이 만나 공공적이면서도 따뜻한 톤을 형성합니다.
대비·계층: 노토 산스의 기하학적 직선과 잠실의 둥근 종결부가 형태 대비를 만들며, Black/Regular 웨이트 조합으로 위계도 분명합니다.
추천 용도: 공공기관 안내 페이지지자체 캠페인 웹사이트교육 콘텐츠 본문생활 정보 앱 UI지역 행사 브로슈어

어울리는 영문 폰트

제목InterIBM Plex SansRobotoHelvetica Neue

본문ManropePlus Jakarta Sans

노토 산스 KR은 중립적 산세리프라 Inter·IBM Plex와 구조적으로 자연스럽게 매칭되고, 잠실의 둥근 본문에는 곡선이 부드러운 Manrope·Plus Jakarta가 톤을 맞춥니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f3a5f

#4a90a4

#f4f1ea

어울리는 산업 톤

공공기관 신뢰지역 커뮤니티 친근교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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