한글 페어링 · 큐레이션

코트라 글로벌+싱글데이

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

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

A:코트라 글로벌· 제작 코트라|B:싱글데이· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: 코트라 글로벌 가이드·싱글데이 가이드

평가 결과 · 2개 케이스

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

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

42제목 싱글데이 · 본문 코트라 글로벌

싱글데이A=제목용

제작구글 한글 폰트상업 무료다운로드

+코트라 글로벌B=본문용ⓘ 미리보기는 프리텐다드

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

손글씨 감성으로 품격 있는 이야기를 전합니다.

싱글데이는 제목용으로 첫눈에 들어오는 개성 있는 형태이나, 코트라 글로벌 본문은 긴 글 읽기에 적합하지만 두 폰트 간 시각적 위계가 약해 정보 구조가 모호해질 수 있습니다.

분위기: 싱글데이의 부드럽고 캐주얼한 필기체 인상이 코트라 글로벌의 정중한 세리프 기품과 충돌하여 일관된 톤을 형성하기 어렵습니다. 두 폰트의 성격 차이가 크게 느껴집니다.
대비·계층: 무게(weight)가 동일하고, 필기체와 세리프 간 구조적 대비는 있으나 분위기 차이로 인해 의도한 위계보다 어색한 대비가 발생합니다.
추천 용도: 창의적 에디토리얼·아트 프로젝트 (톤 충돌을 의도적으로 활용)어린이·교육 콘텐츠 (필기체의 친근함 강조)비공식 블로그·개인 출판물 (정형성 낮은 매체)

어울리는 영문 폰트

제목CaveatIndie FlowerSatisfy

본문Source Serif ProEB Garamond

싱글데이의 필기체 성격을 살리려면 Caveat 같은 핸드라이팅 영문 폰트가 적합하고, 코트라 글로벌의 세리프 특성을 강화하려면 Source Serif Pro 같은 고전적 세리프가 어울립니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

아트·갤러리 실험적 톤교육·문화 기관 캐주얼

35제목 코트라 글로벌 · 본문 싱글데이

코트라 글로벌A=제목용ⓘ 미리보기는 프리텐다드

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

+싱글데이B=본문용

제작구글 한글 폰트상업 무료다운로드

공식 보고서는 진중하게, 마음은 따뜻하게

싱글데이는 handwriting 특성상 본문 장문 읽기에 부적합하며, 코트라 글로벌 serif는 제목용으로는 무겁고 고전적입니다. 두 폰트 모두 지정된 역할에 최적화되지 않았습니다.

분위기: 코트라 글로벌의 공식적·전문적 serif와 싱글데이의 캐주얼·손글씨 감성이 충돌하여 일관된 브랜드 톤을 형성하지 못합니다. 분위기 불일치로 인한 혼란스러운 인상을 줍니다.
대비·계층: serif(정형적)와 handwriting(비정형적) 간 대비는 극단적이어서 명확한 위계보다는 부조화를 만듭니다. 무게감 차이가 부족하여 제목-본문 구분이 약합니다.
추천 용도: 아동 교육 콘텐츠 (매우 제한적)캐주얼 이벤트 포스터 (분위기 충돌 주의)비권장: 공식 문서, 뉴스레터, 장문 콘텐츠

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

코트라 글로벌의 serif 정통성을 살리려면 클래식 serif 영문(Playfair, EB Garamond)이 필요하며, 싱글데이의 handwriting 특성을 활용하려면 본문은 깔끔한 sans-serif(Inter, Source Sans Pro)로 균형을 맞춰야 합니다. 현재 페어링은 두 폰트를 동시에 사용하기 어렵습니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 공식성 (코트라 정체성)아동 친근성 (싱글데이 특성) — 톤 불일치

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Single+Day&display=swap');

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

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