한글 페어링 · 큐레이션

동그라미재단 ㄱ체+함초롬바탕

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

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

A:동그라미재단 ㄱ체· 제작 동그라미재단|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: 동그라미재단 ㄱ체 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

45제목 함초롬바탕 · 본문 동그라미재단 ㄱ체

함초롬바탕B=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

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

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

우리는 함께 성장하는 공동체를 만들어갑니다.

동그라미재단 ㄱ체는 본문용으로 x-height가 적절하고 가독성이 우수하나, 함초롬바탕을 제목으로 사용할 때 무게감(700)이 과도하거나 본문과의 명확한 위계 대비가 부족할 수 있다.

분위기: 두 폰트 모두 전통적인 한글 바탕체 계열로 보수적이고 차분한 분위기를 공유하지만, 동그라미재단 ㄱ체의 둥근 획과 함초롬바탕의 직선적 구조 간 시각적 일관성이 약해 통일감이 떨어진다.
대비·계층: 두 폰트 모두 serif 바탕체이며 weight 차이(400→700)만으로는 시각적 대비가 약하다. 구조적 차이(둥근 vs 직선)가 있으나 같은 분류 내에서의 미묘한 차이라 정보 위계 표현이 명확하지 않다.
추천 용도: 공공기관·정부 공식 문서 (전통성 강조)출판물·책 본문 + 챕터 제목 (낮은 시각적 충돌)교육 자료·교과서 (보수적 톤 유지)뉴스레터·장문 콘텐츠 (본문 가독성 중심)

어울리는 영문 폰트

제목Source Serif ProEB GaramondLora

본문Source Serif ProMerriweather

동그라미재단 ㄱ체의 차분한 바탕체 특성과 어울리는 serif 계열 영문 폰트가 필수. Source Serif Pro는 한글 바탕체와 구조적 친화성이 높고, Merriweather는 본문 가독성이 뛰어나다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#8b7355

#f9f7f4

어울리는 산업 톤

공공기관 신뢰출판·문화 전통

42제목 동그라미재단 ㄱ체 · 본문 함초롬바탕

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

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

+함초롬바탕B=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

둥근 제목과 직선 본문의 조화를 찾다

함초롬바탕은 본문 가독성이 우수하나, 제목용 동그라미재단 ㄱ체의 둥근 형태가 긴 제목에서 읽기 속도를 저하시킬 수 있다. 두 폰트 모두 serif 계열로 화면 표시 시 가는 선이 렌더링 손실 위험이 있다.

분위기: 두 폰트 모두 전통적인 한글 바탕체 계열이지만, 동그라미재단 ㄱ체의 둥근 특성과 함초롬바탕의 직선적 구조가 분위기 일관성을 해친다. 제목과 본문의 톤 차이가 뚜렷하지 않아 위계감이 약하다.
대비·계층: 두 폰트 모두 serif 바탕체이며 weight 대비(400/700)만으로는 충분한 시각적 구분이 어렵다. 형태 대비가 약해 정보 위계 표현이 미흡하다.
추천 용도: 전통 출판물(서적, 문학잡지) - 바탕체 조합의 고전적 분위기 활용공공기관 문서 - 보수적 톤 선호 영역교육 자료 - 차분한 학습 환경

어울리는 영문 폰트

제목EB GaramondLoraSource Serif Pro

본문MerriweatherIBM Plex Serif

두 한글 폰트 모두 serif 바탕체이므로, 영문도 고전적 serif 계열로 통일하여 분위기 일관성을 강화한다. EB Garamond는 제목의 우아함을, Merriweather는 본문의 따뜻한 가독성을 지원한다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2c2c

#8b7355

#f9f7f4

어울리는 산업 톤

출판·문학 전통공공기관 신뢰

구현 코드 · 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;
}