한글 페어링 · 큐레이션

코트라 희망+나눔스퀘어

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

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

A:코트라 희망· 제작 코트라|B:나눔스퀘어· 제작 네이버

→ 각 폰트 종합 가이드: 코트라 희망 가이드·나눔스퀘어 가이드

평가 결과 · 2개 케이스

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

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

82제목 코트라 희망 · 본문 나눔스퀘어

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

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

+나눔스퀘어B=본문용

제작네이버상업 무료다운로드

내일을 향한 작은 희망의 시작

코트라 희망은 부드러운 곡선과 적당한 굵기로 제목에서 시선을 자연스럽게 끌고, 나눔스퀘어는 균일한 골격으로 긴 본문에서도 피로감이 적다.

분위기: 코트라 희망의 따뜻하고 인간적인 세리프가 제목의 정서를 이끌고, 나눔스퀘어의 정돈된 산세리프가 차분하게 받쳐 신뢰감 있는 톤을 만든다.
대비·계층: 세리프-산세리프의 분류 대비와 제목의 핸드라이팅 뉘앙스 덕분에 위계가 분명하며, 나눔스퀘어 700~800을 서브헤더로 활용하면 단계가 한 층 더 깔끔해진다.
추천 용도: 공공기관 캠페인 브로슈어사회공헌 리포트 표지교육·문화 매거진 표제비영리 단체 웹사이트 헤더전시·행사 안내물

어울리는 영문 폰트

제목EB GaramondLoraMerriweatherSource Serif

본문InterSource Sans ProIBM Plex Sans

코트라 희망의 인간적 세리프에는 부드러운 곡선의 라틴 세리프가, 나눔스퀘어의 모던 산세리프에는 중립적이고 가독성 높은 산세리프 라틴이 자연스럽게 호응한다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2c3e50

#d4a373

#f5efe6

어울리는 산업 톤

공공기관 신뢰사회공헌 따뜻교육 인문비영리 캠페인

74제목 나눔스퀘어 · 본문 코트라 희망

나눔스퀘어B=제목용

제작네이버상업 무료다운로드

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

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

희망을 잇는 따뜻한 이야기를 전합니다

코트라 희망은 부드러운 획과 안정적인 자족으로 긴 글에 무리가 없고, 나눔스퀘어 헤딩은 굵은 웨이트에서 시각적 진입점을 분명히 잡아준다.

분위기: 코트라 희망의 따뜻한 세리프 본문 위에 나눔스퀘어의 정돈된 산세리프 제목이 얹히며, 인간적이면서도 신뢰감 있는 톤을 형성한다.
대비·계층: 세리프 본문 ↔ 지오메트릭 산세리프 제목의 형식 대비가 명확하고, 나눔스퀘어 700/800 웨이트로 위계가 충분히 확보된다.
추천 용도: 공공기관 캠페인 리포트사회공헌 브로셔교육기관 연차보고서비영리 단체 웹사이트 본문장문 인터뷰 기사

어울리는 영문 폰트

제목InterManropeIBM Plex SansPlus Jakarta Sans

본문Source SerifLoraMerriweather

나눔스퀘어의 기하학적 정돈감은 Inter·Manrope 계열과 골격이 잘 맞고, 코트라 희망의 본문은 인간미 있는 라틴 세리프와 호흡이 자연스럽다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c4a3e

#d4a857

#f6f2ea

어울리는 산업 톤

공공기관 신뢰교육 따뜻비영리 사회공헌

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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