한글 페어링 · 큐레이션

코트라 희망+나눔스퀘어 네오

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

+나눔스퀘어 네오B=본문용

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

희망을 잇는 따뜻한 이야기

코트라 희망은 부드러운 곡선과 적당한 굵기로 제목 가독성이 좋고, 나눔스퀘어 네오는 균일한 자폭과 다양한 웨이트로 긴 본문에서도 피로감이 적습니다.

분위기: 코트라 희망의 따뜻하고 인간적인 세리프가 제목을 이끌고, 나눔스퀘어 네오의 정돈된 산세리프가 본문에서 차분하게 받쳐주는 안정적인 페어입니다.
대비·계층: 세리프 제목과 산세리프 본문의 분류 대비가 명확해 위계가 직관적으로 잡히며, 나눔스퀘어 네오의 700/900 웨이트로 강조까지 자연스럽게 구분됩니다.
추천 용도: 공공기관 리포트사회공헌 캠페인교육 콘텐츠 웹사이트비영리 단체 브로슈어정책 안내 PDF

어울리는 영문 폰트

제목Source SerifMerriweatherEB GaramondLora

본문InterIBM Plex SansSource Sans Pro

코트라 희망의 휴머니스트 세리프 인상에는 부드러운 곡선의 Source Serif·Lora 계열이 자연스럽게 어울리고, 본문에는 중성적이고 정보 전달에 강한 Inter 계열이 나눔스퀘어 네오의 구조와 매칭됩니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#2b3a55

#d9a441

#f5f1ea

어울리는 산업 톤

공공기관 신뢰교육 따뜻비영리 사회공헌문화재단 정중

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

나눔스퀘어 네오B=제목용

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

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

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

희망을 잇는 글, 마음을 여는 이야기.

코트라 희망은 인간미 있는 획으로 긴 글에 적합하며, 나눔스퀘어 네오는 다양한 웨이트로 제목 가독성을 보장합니다.

분위기: 코트라 희망의 부드러운 세리프가 본문에서 따뜻한 서사를 이끌고, 나눔스퀘어 네오가 명료한 제목으로 균형을 맞춥니다.
대비·계층: 세리프 본문과 지오메트릭 산스 제목의 분류 대비가 뚜렷하고, 900 웨이트 활용 시 위계가 더욱 강해집니다.
추천 용도: 공공기관 리포트 본문사회공헌 캠페인 웹페이지교육 콘텐츠 아티클비영리 단체 브로슈어

어울리는 영문 폰트

제목InterManropeIBM Plex SansPlus Jakarta Sans

본문Source SerifLoraMerriweather

나눔스퀘어 네오의 기하학적 산스 구조에는 Inter·Manrope가, 코트라 희망의 따뜻한 세리프에는 Source Serif·Lora가 톤을 자연스럽게 잇습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c3e50

#d97757

#f7f3ed

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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