한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

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

마음을 잇는 작은 동그라미, 함께 그려요

제목의 ㄱ체는 부드러운 곡선으로 시선을 끌고, 본문 함초롬바탕은 검증된 출판용 가독성으로 긴 문장을 안정적으로 읽히게 합니다.

분위기: 동그라미재단 ㄱ체의 손글씨 같은 따뜻한 인상이 함초롬바탕의 단정한 출판 세리프와 만나 인간적이면서도 정돈된 톤을 형성합니다.
대비·계층: 둘 다 세리프 계열이라 굵기 대비는 충분하나 형태 대비는 중간 수준이며, 제목 weight를 700으로 올리면 위계가 명확해집니다.
추천 용도: 비영리·재단 캠페인 페이지에세이·인터뷰 매거진교육 교재·학습지사회공헌 리포트

어울리는 영문 폰트

제목LoraEB GaramondSource Serif

본문MerriweatherIBM Plex Serif

ㄱ체의 인간적 곡선에는 Lora·EB Garamond의 부드러운 휴머니스트 세리프가, 함초롬바탕의 안정감에는 본문 최적화된 Merriweather와 IBM Plex Serif가 자연스럽게 호응합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2d2a26

#c98a5b

#f5efe6

어울리는 산업 톤

비영리·공익 따뜻교육 휴머니즘라이프스타일 매거진

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

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

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

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

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

조용한 문장이 마음에 오래 머문다

동그라미재단 ㄱ체는 부드러운 획과 안정적인 자폭으로 긴 본문에 무리가 없으며, 함초롬바탕은 한글 명조 특유의 정제된 골격으로 제목에서 시선을 또렷이 잡습니다.

분위기: 동그라미재단 ㄱ체가 차분하고 인간적인 본문 톤을 깔고, 함초롬바탕이 정통 명조의 격조 있는 제목으로 마무리해 따뜻하면서도 단정한 인상을 만듭니다.
대비·계층: 둘 다 세리프 계열이라 구조적 대비는 약하지만, 함초롬바탕의 또렷한 횡세로 비례와 굵은 700 웨이트가 위계를 보조합니다. 사이즈·웨이트 차로 대비를 적극 만들어줘야 합니다.
추천 용도: 에세이·문학 단행본 본문재단·비영리 연차보고서교양 매거진 칼럼교육 콘텐츠 리딩 페이지전시 도록 본문

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문LoraMerriweather

함초롬바탕의 정통 명조 골격에는 클래식 세리프 EB Garamond·Source Serif가 자연스럽게 맞고, 동그라미재단 ㄱ체 본문에는 화면에서도 안정적인 Lora·Merriweather가 가독성을 보완합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#8b6f47

#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;
}