한글 페어링 · 큐레이션

빙그레 따옴체+동그라미재단 ㄱ체

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

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

A:빙그레 따옴체· 제작 빙그레|B:동그라미재단 ㄱ체· 제작 동그라미재단

→ 각 폰트 종합 가이드: 빙그레 따옴체 가이드·동그라미재단 ㄱ체 가이드

평가 결과 · 2개 케이스

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

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

58제목 빙그레 따옴체 · 본문 동그라미재단 ㄱ체

빙그레 따옴체B=제목용ⓘ 미리보기는 프리텐다드

제작빙그레상업 무료다운로드

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

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

오늘의 작은 마음이 내일을 바꿉니다

동그라미재단 ㄱ체는 부드러운 세리프 형태로 긴 글 본문에 무리 없이 읽히며, 빙그레 따옴체는 캐릭터가 강해 짧은 제목·강조에서만 시각적으로 잘 작동한다.

분위기: 동그라미재단 ㄱ체가 본문에서 차분하고 인간적인 정서를 잡아주고, 빙그레 따옴체는 둥글고 친근한 강조로 따뜻한 톤을 더한다.
대비·계층: 세리프 본문과 디스플레이성 산세리프 제목이라 골격 차이로 위계는 형성되지만, 두 폰트 모두 둥근 인상이 강해 대비가 다소 무뎌질 수 있다.
추천 용도: 에세이형 브랜드 스토리 페이지사회공헌 캠페인 리플릿 본문교육·아동 콘텐츠 매거진F&B 브랜드 블로그 아티클

어울리는 영문 폰트

제목FrauncesRecoletaQuicksandNunito

본문LoraSource SerifEB Garamond

본문 세리프에는 인간적인 곡선의 Lora·Source Serif가 어울리고, 빙그레 따옴체의 둥근 디스플레이성에는 부드러운 Recoleta·Quicksand가 톤을 맞춘다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3b2a1d

#e9a23b

#f7f1e6

어울리는 산업 톤

사회공헌·비영리 따뜻교육 친근F&B 라이프스타일

58제목 동그라미재단 ㄱ체 · 본문 빙그레 따옴체

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

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

+빙그레 따옴체B=본문용ⓘ 미리보기는 프리텐다드

제작빙그레상업 무료다운로드

따뜻한 마음이 모여 변화를 만듭니다

제목의 ㄄체는 또렷한 획으로 시선을 잘 끌지만, 본문에 디스플레이 성격의 따옴체를 길게 쓰면 가독성이 다소 떨어집니다.

분위기: 동그라미재단 ㄱ체의 단정하고 인문적인 세리프 인상과 빙그레 따옴체의 발랄하고 캐주얼한 디스플레이 감성이 톤 충돌을 일으킬 수 있습니다.
대비·계층: 세리프 제목과 둥근 산세리프 본문의 구조 대비는 분명하지만, 따옴체 특유의 장식성이 제목 위계를 약화시킬 수 있습니다.
추천 용도: 사회공헌 캠페인 포스터재단·공익 브로슈어어린이·가족 대상 이벤트 페이지교육 콘텐츠 표지

어울리는 영문 폰트

제목EB GaramondSource SerifLora

본문QuicksandNunito

ㄱ체의 인문적 세리프 인상은 클래식한 가라몬드 계열과, 따옴체의 둥글고 친근한 인상은 라운드 산세리프 라틴과 자연스럽게 맞물립니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b4a3e

#f4a261

#fbf6ec

어울리는 산업 톤

공익재단 따뜻교육 친근사회공헌 캠페인

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