한글 페어링 · 큐레이션

주아+노토 세리프 KR

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

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

A:주아· 제작 우아한형제들|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 주아 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

62제목 주아 · 본문 노토 세리프 KR

주아B=제목용

제작우아한형제들상업 무료다운로드

+노토 세리프 KRA=본문용

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

오늘의 이야기를 차분히 읽어 내려갑니다

노토 세리프 KR은 다양한 웨이트로 긴 글의 가독성이 뛰어나며, 주아는 단순한 골격으로 짧은 제목에서 시선을 즉시 끕니다.

분위기: 노토 세리프 KR의 차분하고 정제된 본문 위에 주아의 둥글고 친근한 제목이 얹혀 정적·동적 대비가 흥미롭게 형성됩니다.
대비·계층: 세리프 본문과 둥근 디스플레이 산세리프 제목의 구조적 차이가 강한 위계를 만들지만, 톤 차이가 커서 신중한 사이즈·여백 조정이 필요합니다.
추천 용도: 어린이·교육 도서 본문F&B 브랜드 스토리 페이지라이프스타일 블로그 장문 콘텐츠캠페인 랜딩 페이지 본문

어울리는 영문 폰트

제목FredokaQuicksandBaloo 2

본문Source SerifLora

주아의 둥근 골격과 어울리는 라운드 산세리프를 제목에, 노토 세리프 KR과 구조가 유사한 세리프를 본문에 매칭해 자연스러운 합성 글꼴을 구성합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#e8a13d

#faf6ef

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 매거진

58제목 노토 세리프 KR · 본문 주아

노토 세리프 KRA=제목용

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

+주아B=본문용

제작우아한형제들상업 무료다운로드

오래된 골목, 따뜻한 이야기가 머무는 자리

노토 세리프 KR은 큰 사이즈에서 획 대비가 또렷해 제목 가독성이 우수합니다. 주아는 본문용으로는 자간·획 굵기 때문에 긴 글에는 부담이 있어 짧은 단락에 한정 권장됩니다.

분위기: 노토 세리프 KR의 단정하고 격조 있는 인상이 주아의 둥글고 친근한 본문과 만나 톤 충돌 위험이 있습니다. 다만 의도된 '전통과 친근함의 대비'로 풀면 캐릭터가 살아납니다.
대비·계층: 세리프 제목과 둥근 디스플레이 본문이라는 분류 대비가 강해 위계는 분명히 잡힙니다. 다만 본문 무게가 400 단일이라 세부 위계 조정 폭은 좁습니다.
추천 용도: F&B 브랜드 스토리 페이지아동·교육 콘텐츠 매거진라이프스타일 캠페인 랜딩전통+친근 컨셉 베이커리 메뉴판

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문FredokaQuicksand

노토 세리프 KR의 고전적 세리프 골격은 EB Garamond·Playfair 같은 클래식 세리프와 자연스럽게 합성되고, 주아의 둥근 인상은 Fredoka·Quicksand의 라운드 산세리프와 무게·곡률이 잘 맞습니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b1d14

#c9893f

#f5efe6

어울리는 산업 톤

F&B 따뜻교육·아동 친근라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

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