한글 페어링 · 큐레이션

노토 세리프 KR+학교안심

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

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

A:노토 세리프 KR· 제작 구글·어도비|B:학교안심· 제작 한국교과서연구재단

→ 각 폰트 종합 가이드: 노토 세리프 KR 가이드·학교안심 가이드

평가 결과 · 2개 케이스

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

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

76제목 노토 세리프 KR · 본문 학교안심

노토 세리프 KRA=제목용

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

+학교안심B=본문용

제작한국교과서연구재단상업 무료다운로드

오늘 배운 한 줄이 내일의 길이 됩니다

노토 세리프 KR은 다양한 웨이트로 제목 위계를 또렷하게 잡고, 학교안심은 둥근 곡선과 넉넉한 속공간으로 본문 가독성이 안정적입니다.

분위기: 노토 세리프 KR이 단정하고 격조 있는 인상을 주도하며, 학교안심의 부드럽고 친근한 본문이 분위기를 따뜻하게 풀어줍니다.
대비·계층: 세리프 제목과 산세리프 본문이라는 구조적 대비가 명확하고, 노토 세리프의 700~900 웨이트를 쓰면 학교안심 400과 충분한 위계 차이를 만듭니다.
추천 용도: 교육 콘텐츠 웹사이트어린이·청소년 도서 편집공공기관 안내 브로슈어에세이형 매거진학습지·교재 표지

어울리는 영문 폰트

제목Source SerifEB GaramondMerriweatherIBM Plex Serif

본문NunitoSource Sans ProIBM Plex Sans

노토 세리프 KR의 고전적 세리프 구조는 Source Serif·EB Garamond 같은 인문학적 라틴과 맞고, 학교안심의 둥근 인상은 Nunito 계열의 부드러운 산세리프와 톤이 일치합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#c47a3d

#f6f1e7

어울리는 산업 톤

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

62제목 학교안심 · 본문 노토 세리프 KR

학교안심B=제목용

제작한국교과서연구재단상업 무료다운로드

+노토 세리프 KRA=본문용

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

오래된 책장에서 발견한 한 줄의 문장.

노토 세리프 KR은 다양한 웨이트와 안정적 자형으로 긴 본문 읽기에 적합하며, 학교안심은 명료한 획으로 제목 시인성이 좋습니다.

분위기: 노토 세리프 KR이 차분하고 지적인 본문 톤을 깔고, 학교안심이 친근하고 둥근 인상의 제목으로 가벼운 활기를 더합니다.
대비·계층: 세리프 본문 vs 라운드 산세리프 제목의 구조 대비는 분명하나, 학교안심의 무게가 400·700뿐이라 위계 폭은 다소 제한적입니다.
추천 용도: 교육 출판물 본문어린이·청소년 도서 내지공공기관 안내 책자교과 학습 콘텐츠 웹

어울리는 영문 폰트

제목QuicksandNunitoPlus Jakarta Sans

본문Source SerifLora

본문은 노토 세리프 KR과 구조가 호환되는 정통 세리프로, 제목은 학교안심의 둥근 인상과 호응하는 친근한 산세리프로 매칭했습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b3a55

#e0a96d

#faf6ef

어울리는 산업 톤

교육 따뜻출판 지적공공기관 신뢰

구현 코드 · 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/HakgyoansimBareondotum/subsets/HakgyoansimBareondotum-dynamic-subset.css');

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

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