한글 페어링 · 큐레이션

김유이체+코트라 희망

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

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

A:김유이체· 제작 김유이|B:코트라 희망· 제작 코트라

→ 각 폰트 종합 가이드: 김유이체 가이드·코트라 희망 가이드

평가 결과 · 2개 케이스

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

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

58제목 김유이체 · 본문 코트라 희망

김유이체B=제목용

제작김유이상업 무료

+코트라 희망A=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

오래된 편지를 다시 펼치는 마음으로

코트라 희망은 적절한 세리프 구조로 긴 글에 안정적이며, 김유이체는 짧은 제목·인용에서 가장 잘 읽힌다. 김유이체를 긴 문장에 쓰면 가독성이 급격히 떨어진다.

분위기: 코트라 희망의 단정한 세리프가 본문을 차분히 이끌고, 김유이체의 손글씨 제목이 따뜻한 개성을 더한다. 정돈된 진중함 위에 개인적 감성이 얹히는 구성이다.
대비·계층: 세리프 본문과 손글씨 제목의 구조적 차이로 위계는 분명하지만, 두 폰트 모두 400 웨이트라 시각적 무게 대비는 다소 약하다. 제목은 사이즈로 위계를 보강해야 한다.
추천 용도: 에세이·수필집 본문 조판교육·도서 인용구 강조전시 도록 캡션 본문공공 캠페인 스토리텔링브랜드 저널 장문 콘텐츠

어울리는 영문 폰트

제목CaveatShadows Into LightKalam

본문Source SerifLoraEB Garamond

본문은 코트라 희망과 결이 맞는 인문적 세리프, 제목은 김유이체의 손글씨 톤과 어울리는 캐주얼 핸드라이팅으로 묶었다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#3a2e2a

#c08457

#f6f1e8

어울리는 산업 톤

출판 에세이교육 따뜻라이프스타일 매거진공공 캠페인 감성

52제목 코트라 희망 · 본문 김유이체

코트라 희망A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+김유이체B=본문용

제작김유이상업 무료

희망은 작은 손끝에서 시작됩니다

코트라 희망은 제목에서 자획이 또렷해 시인성이 좋지만, 김유이체는 손글씨 특성상 긴 본문에는 가독성이 떨어져 짧은 단락에 한정하는 것이 좋습니다.

분위기: 코트라 희망의 단정하고 따뜻한 세리프 인상이 제목을 이끌고, 김유이체의 손글씨 감성이 본문에 사적인 온기를 더합니다.
대비·계층: 정돈된 세리프와 자유로운 손글씨의 구조적 대비는 뚜렷하나, 두 폰트 모두 굵기가 400이라 위계는 사이즈와 컬러로 보완해야 합니다.
추천 용도: 감성 에세이 표지공익 캠페인 포스터전시 도록 인트로브랜드 스토리 페이지핸드메이드 제품 소개

어울리는 영문 폰트

제목EB GaramondLoraSource SerifMerriweather

본문CaveatShadows Into Light

코트라 희망의 부드러운 세리프 골격은 인문적 세리프 라틴과 호흡이 맞고, 김유이체는 캐주얼한 손글씨 라틴과 매칭해 본문 톤을 일관되게 유지합니다.

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

36~44px

22~26px

본문

17~19px

line-height

1.75

어울리는 색상

#3b2f2a

#c9885a

#faf5ee

어울리는 산업 톤

감성 라이프스타일공익·캠페인 따뜻독립출판 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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