한글 페어링 · 큐레이션

양진체+이순신체

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

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

A:양진체· 제작 김양진|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 양진체 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

42제목 양진체 · 본문 이순신체

양진체A=제목용

제작김양진상업 무료

+이순신체B=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

현대적 감성에 손글씨 따뜻함을 더하다

이순신체는 손글씨 특성상 긴 본문 읽기에 피로도가 높고, 양진체 제목도 디스플레이 용도로 설계되어 작은 크기에서 가독성 저하 우려가 있다.

분위기: 양진체의 기하학적 모던함과 이순신체의 손글씨 따뜻함이 톤 충돌을 일으킨다. 제목-본문 위계에서 분위기 일관성이 약하다.
대비·계층: 두 폰트 간 스타일 대비(기하학적 vs 필기체)는 명확하나, 무게감 차이가 불충분하여 정보 위계 강도가 약하다.
추천 용도: 어린이 교육 콘텐츠 (따뜻한 톤 강조)감성 에디토리얼 (제목 강조, 본문 최소화)손글씨 감성 브랜드 보조 자료

어울리는 영문 폰트

제목GeistInterManrope

본문LoraSource Serif

양진체 제목과 매칭할 기하학적 sans(Geist, Inter)를 권장하고, 손글씨 본문의 따뜻함을 보완하려면 serif 계열(Lora, Source Serif)이 더 조화롭다.

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

44~56px

28~32px

본문

16~17px

line-height

1.7

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

교육 따뜻함감성 라이프스타일

42제목 이순신체 · 본문 양진체

이순신체A=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

+양진체B=본문용

제작김양진상업 무료

이순신 장군의 리더십을 현대에 재해석하다

양진체는 디스플레이 분류로 본문 가독성이 제한적이다. 손글씨 제목(이순신체)과 디스플레이 본문(양진체)의 조합은 긴 문장 읽기에 피로를 유발할 수 있다.

분위기: 이순신체의 손글씨 감성과 양진체의 디스플레이 특성이 톤 충돌을 일으킨다. 이순신체는 역사적·정중한 분위기를 전달하는 반면, 양진체는 현대적·장식적 특성이 강해 일관성 있는 브랜드 톤 형성이 어렵다.
대비·계층: 두 폰트 모두 개성 강한 특성(손글씨 vs 디스플레이)을 가져 대비는 명확하나, 정보 위계보다는 시각적 충돌이 우선된다. 제목-본문 구분은 되지만 조화로운 계층 구조를 형성하지 못한다.
추천 용도: 역사·문화 관련 특별 프로젝트(전시, 기념 출판물)손글씨 감성이 필요한 제한적 디스플레이(포스터 제목)본문이 극히 짧은 카드형 콘텐츠

어울리는 영문 폰트

제목Playfair DisplayEB GaramondManrope

본문Source Sans ProInter

이순신체의 손글씨 정중함을 보완하려면 serif 우아함(Playfair, EB Garamond)이나 현대 sans(Manrope)가 적합. 본문은 중립적 가독성(Source Sans Pro, Inter)으로 양진체의 장식성을 상쇄해야 한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c3e50

#d4a574

#f8f6f1

어울리는 산업 톤

역사·문화 교육프리미엄 한정판 출판

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/yangjin/subsets/yangjin-dynamic-subset.css');

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

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