한글 페어링 · 큐레이션

동그라미재단 ㄱ체+스포카 한 산스 네오

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

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

A:동그라미재단 ㄱ체· 제작 동그라미재단|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 동그라미재단 ㄱ체 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 동그라미재단 ㄱ체 · 본문 스포카 한 산스 네오

동그라미재단 ㄱ체A=제목용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

+스포카 한 산스 네오B=본문용

제작스포카상업 무료다운로드

마음을 잇는 작은 동그라미

제목의 세리프 디테일이 시선을 끌고, 본문은 균일한 자폭과 명료한 자형으로 긴 글에서도 안정적인 가독성을 확보합니다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 인간적인 세리프 인상이 스포카 한 산스 네오의 정돈된 현대 산세리프와 만나 친근하면서도 신뢰감 있는 톤을 만듭니다.
대비·계층: 세리프 vs 산세리프의 명확한 구조 대비에 더해 ㄱ체 700과 스포카 400의 웨이트 차이가 정보 위계를 또렷하게 구분합니다.
추천 용도: 사회공헌 캠페인 웹사이트교육·재단 브랜드 리포트출판물 본문 레이아웃공익 매거진 에디토리얼비영리 단체 소개 페이지

어울리는 영문 폰트

제목Source SerifEB GaramondLoraMerriweather

본문InterIBM Plex SansSource Sans Pro

ㄱ체의 휴머니스트 세리프 결과 잘 맞는 클래식 영문 세리프를 제목에, 스포카의 중립적 산세리프 톤과 호환되는 모던 산세리프를 본문에 매칭했습니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2a26

#c98a5b

#f5efe6

어울리는 산업 톤

공공·비영리 신뢰교육 따뜻라이프스타일 매거진

72제목 스포카 한 산스 네오 · 본문 동그라미재단 ㄱ체

스포카 한 산스 네오B=제목용

제작스포카상업 무료다운로드

+동그라미재단 ㄱ체A=본문용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

작은 이야기가 모여 큰 변화를 만듭니다.

동그라미재단 ㄱ체는 부드러운 획 처리로 긴 문장에서도 피로감이 적어 본문에 적합하고, 스포카 한 산스 네오는 또렷한 자형으로 짧은 제목에서 빠르게 인지된다.

분위기: 동그라미재단 ㄱ체가 만드는 따뜻하고 인간적인 본문 톤 위에 스포카 한 산스 네오의 깔끔한 제목이 얹혀 정돈된 인상을 만든다. 감성과 명료함이 공존하는 페어링이다.
대비·계층: 세리프 본문과 산세리프 제목의 분류 대비가 명확해 정보 위계가 자연스럽게 분리된다. 다만 두 폰트 모두 차분한 톤이라 weight를 500 이상으로 잡아야 위계가 충분히 살아난다.
추천 용도: 비영리·재단 캠페인 리포트 본문에세이·인터뷰 중심 디지털 매거진교육 콘텐츠의 긴 호흡 읽기 페이지사회적 가치 브랜드의 브로슈어

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source SerifLora

제목 스포카 한 산스 네오에는 기하학적 균형이 좋은 Inter·Manrope가 어울리고, 본문 ㄱ체에는 따뜻한 곡선의 Source Serif·Lora가 톤을 맞춰준다.

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

32~40px

22~26px

본문

17~18px

line-height

1.7

어울리는 색상

#2b2a26

#c98a4b

#f5efe6

어울리는 산업 톤

비영리·공익 따뜻교육 신뢰라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f6c41e92d11f8113b1f61131b7d683/css/SpoqaHanSansNeo.css');

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

/* 본문 */
body, p {
  font-family: 'Spoqa Han Sans Neo', sans-serif;
}