한글 페어링 · 큐레이션

EBS 훈민정음 새론+노토 산스 KR

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

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

A:EBS 훈민정음 새론· 제작 EBS|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: EBS 훈민정음 새론 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

86제목 EBS 훈민정음 새론 · 본문 노토 산스 KR

EBS 훈민정음 새론A=제목용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

+노토 산스 KRB=본문용

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

배움의 깊이를 새기는 시간

새론은 700 웨이트에서 제목으로 충분한 존재감을 주며, 노토 산스 KR은 다양한 디바이스에서 검증된 본문 가독성을 제공합니다.

분위기: EBS 훈민정음 새론의 단정한 명조 인상이 노토 산스 KR의 중립적 산세리프와 만나 차분하면서도 신뢰감 있는 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문의 구조적 대비가 뚜렷해 정보 위계가 자연스럽게 분리됩니다.
추천 용도: 교육 콘텐츠 웹사이트공공기관 리포트출판 매거진 디지털판브랜드 스토리 페이지에세이형 블로그

어울리는 영문 폰트

제목Source SerifEB GaramondMerriweatherIBM Plex Serif

본문InterIBM Plex SansSource Sans Pro

새론의 단정한 세리프 골격은 클래식한 라틴 세리프와, 노토 산스 KR은 중립적 산세리프 라틴과 구조·웨이트가 자연스럽게 매칭됩니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2933

#a8895a

#f6f2ea

어울리는 산업 톤

교육 따뜻공공기관 신뢰출판 매거진

82제목 노토 산스 KR · 본문 EBS 훈민정음 새론

노토 산스 KRB=제목용

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

+EBS 훈민정음 새론A=본문용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

오늘 읽은 문장이 내일의 생각을 만든다

새론의 정돈된 명조 구조는 긴 글에서 호흡이 안정적이며, 제목의 노토 산스 KR은 굵은 웨이트에서도 또렷하게 시선을 잡아준다.

분위기: EBS 훈민정음 새론이 본문에서 단정하고 학구적인 한글 정서를 이끌고, 노토 산스 KR이 제목에서 현대적 명료함을 더해 교육·공공 콘텐츠에 어울리는 신뢰감 있는 톤을 만든다.
대비·계층: 본문 세리프와 제목 산스의 분류 대비가 뚜렷하고, 노토 산스 900 같은 굵은 웨이트를 활용하면 위계가 한층 명확해진다.
추천 용도: 교과서·학습 콘텐츠 본문공공기관 보고서다큐멘터리·인터뷰 기사교육 플랫폼 아티클 페이지비영리 단체 브로슈어

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문Source SerifIBM Plex SerifMerriweather

본문 새론은 인문학적 세리프와 결이 같은 Source Serif·IBM Plex Serif 계열과 자연스럽고, 제목 노토 산스 KR은 동일한 휴머니스트 산스인 Inter·IBM Plex Sans와 구조·웨이트가 잘 맞는다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2933

#a36a3d

#f5efe6

어울리는 산업 톤

교육 따뜻공공기관 신뢰라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@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: 'Pretendard Variable', sans-serif;
}

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