한글 페어링 · 큐레이션

노토 산스 KR+양진체

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

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

A:노토 산스 KR· 제작 구글·어도비|B:양진체· 제작 김양진

→ 각 폰트 종합 가이드: 노토 산스 KR 가이드·양진체 가이드

평가 결과 · 2개 케이스

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

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

86제목 양진체 · 본문 노토 산스 KR

양진체A=제목용

제작김양진상업 무료

+노토 산스 KRB=본문용

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

오늘의 외침, 단단한 한 줄

양진체는 큰 사이즈에서 강한 임팩트를 전달하고, 노토 산스 KR은 다양한 웨이트와 안정적 자소 균형으로 긴 본문 가독성을 견고하게 받쳐줍니다.

분위기: 양진체의 거칠고 손맛 강한 디스플레이 인상이 노토 산스 KR의 중립적 모던함과 만나 단단하면서도 읽기 편한 톤을 형성합니다.
대비·계층: 거친 손글씨 기반 디스플레이와 정제된 산세리프의 결 차이로 형태 대비가 분명하고, 웨이트 폭이 넓은 본문이 자연스럽게 위계를 보조합니다.
추천 용도: 브랜드 캠페인 키비주얼 헤드라인스포츠·스트리트 매거진 표지독립 출판 에세이 표제유튜브 썸네일·자막 타이틀팝업 스토어 포스터

어울리는 영문 폰트

제목AntonBebas NeueArchivo BlackManrope

본문InterIBM Plex SansSource Sans Pro

양진체의 거친 임팩트는 Anton·Bebas Neue 같은 컨덴스트 디스플레이와 결이 맞고, 노토 산스 본문은 Inter·IBM Plex Sans처럼 중립적 휴머니스트 산세리프와 합성 시 자소 높이가 자연스럽게 정렬됩니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#e63946

#f5efe6

어울리는 산업 톤

스트리트 컬처 임팩트라이프스타일 매거진스타트업 캠페인F&B 브랜딩

58제목 노토 산스 KR · 본문 양진체

노토 산스 KRA=제목용

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

+양진체B=본문용

제작김양진상업 무료

정돈된 헤드라인, 거친 감정의 본문

제목의 노토 산스 KR은 모든 크기에서 안정적인 가독성을 보장하지만, 본문 양진체는 디스플레이 성격이라 긴 글에는 부적합하고 짧은 강조 카피에 더 어울린다.

분위기: 노토 산스 KR의 중립적이고 정돈된 인상이 양진체의 거칠고 개성 강한 디스플레이 톤과 만나 의외의 긴장감을 만든다. 톤 차이가 커서 일관성 확보에는 의도적 설계가 필요하다.
대비·계층: 체계적 산세리프 제목과 손글씨풍 디스플레이 본문의 형태 대비는 강하나, 본문 폰트 특성상 위계가 오히려 역전되어 보일 수 있어 사이즈·여백 조정이 필수다.
추천 용도: 브랜드 캠페인 랜딩페이지전시·공연 포스터유튜브 썸네일·자막F&B 메뉴판 강조 카피

어울리는 영문 폰트

제목InterPretendard LatinIBM Plex SansHelvetica Neue

본문SatoshiManrope

노토 산스 KR의 중립적 구조에는 Inter·IBM Plex Sans 같은 기하학적 산세리프가 자연스럽고, 양진체의 거친 본문 톤에는 약간의 캐릭터가 있는 Satoshi·Manrope가 분위기를 보완한다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#e63946

#f5efe6

어울리는 산업 톤

라이프스타일 매거진F&B 친근문화·예술 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;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 Sans KR', sans-serif;
}

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