한글 페어링 · 큐레이션

동그라미재단 ㄱ체+JS 동까비

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

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

A:동그라미재단 ㄱ체· 제작 동그라미재단|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 동그라미재단 ㄱ체 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

58제목 JS 동까비 · 본문 동그라미재단 ㄱ체

JS 동까비B=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

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

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

오늘도 한 줄, 마음에 담아둡니다

동그라미재단 ㄱ체는 부드러운 세리프 구조로 긴 글에 무리 없이 읽히며, JS 동까비는 짧은 제목·구절에 한정해야 시인성이 유지된다.

분위기: 동그라미재단 ㄱ체의 단정하고 따뜻한 본문 분위기 위에 JS 동까비의 장난기 있는 손글씨 제목이 포인트로 얹혀 친근하면서도 개성있는 톤을 만든다.
대비·계층: 정돈된 세리프 본문과 손맛 강한 디스플레이 제목 사이 구조적 대비는 뚜렷하나, 동까비의 비정형성이 위계를 과하게 흔들 수 있다.
추천 용도: 에세이·수필 단행본어린이·청소년 도서 본문감성 매거진 칼럼비영리·사회공헌 캠페인 페이지전시 도록 본문

어울리는 영문 폰트

제목CaveatShrikhandFraunces

본문Source SerifLora

본문 ㄱ체에는 인간적인 곡선의 Source Serif·Lora가 톤을 이어주고, 제목 동까비에는 손글씨 계열 Caveat나 표정 있는 Fraunces가 캐릭터를 보완한다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3a2a1f

#d97b4a

#f7f1e6

어울리는 산업 톤

출판 에세이공공·비영리 따뜻함교육 친근

42제목 동그라미재단 ㄱ체 · 본문 JS 동까비

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

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

+JS 동까비A=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

오늘은 친구들과 함께 그림을 그려요

JS 동까비는 장식성이 강한 디스플레이체로 긴 본문 가독성이 낮고, 동그라미재단 ㄱ체는 제목으로 쓰면 단정하나 본문 폰트의 산만함을 통제하지 못합니다.

분위기: JS 동까비의 장난기 가득한 디스플레이 인상과 동그라미재단 ㄱ체의 차분한 인문학적 세리프가 톤에서 충돌합니다. 본문으로 동까비를 쓰는 설정 자체가 디스플레이 폰트의 정체성과 맞지 않아 일관된 분위기 형성이 어렵습니다.
대비·계층: 세리프 제목과 디스플레이 본문이라는 역할 역전 자체가 위계를 흐립니다. 굵기 차이는 확보되지만 시선 흐름의 자연스러움은 부족합니다.
추천 용도: 어린이 교재의 짧은 활동 페이지캐릭터 굿즈 패키지 카피이벤트 공지 포스터 본문 강조유아 브랜드 SNS 카드뉴스

어울리는 영문 폰트

제목EB GaramondSource SerifLora

본문FredokaQuicksand

제목 ㄱ체는 인문학적 세리프와 자연스럽게 어울리고, 본문 동까비는 둥글고 친근한 라틴 산세리프와 짝지을 때 캐릭터성이 유지됩니다.

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

32~40px

22~26px

본문

18~20px

line-height

1.7

어울리는 색상

#3a5a40

#f4a261

#fdf6ec

어울리는 산업 톤

유아·아동 교육 친근캐릭터·굿즈 발랄공익재단 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 동그라미재단 ㄱ체 또는 JS 동까비의 공식 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;
}