한글 페어링 · 큐레이션

동그라미재단 ㄱ체+본고딕

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

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

A:동그라미재단 ㄱ체· 제작 동그라미재단|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 동그라미재단 ㄱ체 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

84제목 동그라미재단 ㄱ체 · 본문 본고딕

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

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

우리가 함께 만드는 따뜻한 이야기

본고딕은 다양한 웨이트와 균형 잡힌 자소 구조로 긴 본문에서도 안정적인 가독성을 보장하며, ㄱ체 제목은 적당한 획 대비로 시선을 자연스럽게 끌어옵니다.

분위기: 동그라미재단 ㄱ체의 따뜻한 인문학적 정서가 본고딕의 중립적이고 단정한 본문 톤과 조화롭게 어우러집니다. 제목의 표정이 살아있으면서 본문은 차분하게 정보를 전달합니다.
대비·계층: 세리프 제목과 산세리프 본문의 분류 대비가 명확하고, ㄱ체 Bold 700과 본고딕 Regular의 웨이트 차이로 정보 위계가 또렷하게 구축됩니다.
추천 용도: 사회공헌 캠페인 웹사이트교육·문화 매거진 편집공공기관 연차보고서도서 출판 표지·본문에세이 형식 브랜드 콘텐츠

어울리는 영문 폰트

제목EB GaramondSource SerifLoraPlayfair Display

본문Source Sans ProIBM Plex SansInter

ㄱ체의 인문학적 세리프 표정은 고전적 라틴 세리프와 호흡이 맞고, 본문 본고딕은 같은 어도비 계열인 Source Sans Pro와 구조·웨이트가 자연스럽게 합성됩니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2d2a26

#a87f51

#f5efe6

어울리는 산업 톤

사회공헌 따뜻교육 인문라이프스타일 매거진공공기관 신뢰

78제목 본고딕 · 본문 동그라미재단 ㄱ체

본고딕B=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

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

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

사람을 잇는 작은 이야기를 매일 기록합니다

동그라미재단 ㄱ체는 인간미 있는 획으로 긴 글에 친근한 가독성을 제공하고, 본고딕은 다양한 웨이트로 제목에서 명확한 시인성을 확보합니다.

분위기: 본고딕의 단단하고 중립적인 제목이 동그라미재단 ㄱ체의 부드러운 세리프 본문을 단정하게 받쳐줍니다. 따뜻함과 명료함이 균형 잡힌 톤입니다.
대비·계층: 세리프 본문과 산세리프 제목의 분류 대비가 자연스러운 위계를 만들며, 본고딕의 700~900 웨이트로 강한 강조도 가능합니다.
추천 용도: 비영리·재단 리포트사회적 가치 매거진교육 콘텐츠 본문캠페인 랜딩페이지정책 브리프 출판물

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문Source SerifLoraMerriweather

본고딕 제목은 Source 패밀리 계열인 Source Sans·IBM Plex Sans와 골격이 잘 맞고, 동그라미재단 ㄱ체 본문은 인간적 세리프인 Source Serif·Lora와 호흡이 어울립니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#c98a3c

#f5efe6

어울리는 산업 톤

비영리·재단 신뢰교육 따뜻사회적 가치 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 동그라미재단 ㄱ체 또는 본고딕의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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