한글 페어링 · 큐레이션

노토 세리프 KR+양진체

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

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

A:노토 세리프 KR· 제작 구글·어도비|B:양진체· 제작 김양진

→ 각 폰트 종합 가이드: 노토 세리프 KR 가이드·양진체 가이드

평가 결과 · 2개 케이스

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

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

74제목 양진체 · 본문 노토 세리프 KR

양진체B=제목용

제작김양진상업 무료

+노토 세리프 KRA=본문용

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

긴 호흡의 문장, 짧은 외침으로 끝낸다

노토 세리프 KR은 7개 웨이트와 안정된 자소 구조로 긴 글에 매우 적합하고, 양진체는 굵은 단일 웨이트로 짧은 헤드라인에서 시선을 즉시 끈다.

분위기: 노토 세리프 KR의 차분하고 정제된 본문 위에 양진체의 굵고 거친 디스플레이 제목이 얹히며 절제와 임팩트가 교차한다.
대비·계층: 세리프 본문과 거친 산세리프 디스플레이 제목의 갈래 차이가 강해 정보 위계가 명확하지만 양진체의 강렬함이 본문 톤을 압도하지 않도록 사이즈 조절이 필요하다.
추천 용도: 문학·에세이 매거진 표지독립출판 단행본 챕터 도입브랜드 캠페인 롱폼 스토리전시 도록 본문

어울리는 영문 폰트

제목AntonBebas NeueArchivo BlackDruk

본문Source SerifEB GaramondLora

양진체의 굵고 압축된 인상에는 콘덴스드 블랙 계열 라틴 디스플레이가 맞고, 노토 세리프 KR 본문은 클래식 세리프 계열과 자소 비례가 자연스럽게 어울린다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#c2410c

#f5efe6

어울리는 산업 톤

라이프스타일 매거진독립출판 문예문화예술 캠페인

58제목 노토 세리프 KR · 본문 양진체

노토 세리프 KRA=제목용

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

+양진체B=본문용

제작김양진상업 무료

고요한 문장 위에 거친 외침이 새겨진다

노토 세리프 KR은 제목에서 무게 단계가 풍부해 위계 표현이 명확하지만, 양진체는 디스플레이 성향이 강해 긴 본문 가독성은 제한적입니다.

분위기: 노토 세리프 KR이 단정하고 격조 있는 제목 인상을 만드는 반면, 양진체는 강렬하고 거친 손글씨 감성이라 분위기 간 충돌이 다소 발생합니다.
대비·계층: 정제된 세리프 제목과 거친 디스플레이 본문이라는 구조적 대비는 강하지만, 본문이 시각적으로 너무 튀어 정보 위계가 역전될 수 있습니다.
추천 용도: 문화·예술 포스터 헤드라인전시 도록 표지캠페인 키비주얼 카피브랜드 매니페스토 페이지

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문GeistSatoshi

제목의 노토 세리프 KR은 고전적 세리프 라틴과 결을 맞추고, 본문 양진체는 개성 있는 모던 산세리프 라틴과 합성해야 거친 인상이 살아납니다.

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

40~52px

26~30px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c0392b

#f3ede2

어울리는 산업 톤

문화예술 캠페인라이프스타일 매거진독립 출판

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

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

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