한글 페어링 · 큐레이션

비트로 코어+동그라미재단 ㄱ체

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

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

A:비트로 코어· 제작 비트로|B:동그라미재단 ㄱ체· 제작 동그라미재단

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

평가 결과 · 2개 케이스

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

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

42제목 동그라미재단 ㄱ체 · 본문 비트로 코어

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

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

+비트로 코어B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

따뜻한 감정을 담은 현대적 디자인

비트로 코어는 display 폰트로 설계되어 긴 본문 텍스트 가독성이 낮다. 동그라미재단 ㄱ체는 serif 제목용으로 적합하나, 본문 폰트로 사용하기엔 serif 구조가 소문자 크기에서 피로도를 높인다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 인간적인 serif 분위기와 비트로 코어의 기하학적·모던 display 성격이 충돌한다. 제목용 serif와 본문용 display의 역할 역전이 근본적 문제.
대비·계층: 두 폰트의 weight 대비가 명확하지 않다(동그라미재단 400/700 vs 비트로 코어 400만). 제목-본문 위계 표현이 약하며, 분류 자체(serif vs display)가 상충하여 정보 계층이 혼란스럽다.
추천 용도: 포스터·배너 같은 단문 디스플레이 (비트로 코어 활용)에디토리얼 디자인에서 제목만 강조 (동그라미재단 700 weight 활용)브랜딩 로고·타이틀 (두 폰트 혼합 사용 시 제한적)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

동그라미재단 ㄱ체의 serif 따뜻함에는 serif 영문(Playfair, EB Garamond)이 일관성 있고, 비트로 코어 같은 display를 본문으로 쓸 경우 sans-serif 영문(Inter, Source Sans Pro)으로 가독성을 보완해야 한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d2d2d

#d4a574

#f9f6f1

어울리는 산업 톤

에디토리얼·매거진 (제목만 활용)공공기관·재단 신뢰성

42제목 비트로 코어 · 본문 동그라미재단 ㄱ체

비트로 코어B=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

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

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

따뜻한 마음으로 함께 만드는 더 나은 내일

동그라미재단 ㄱ체는 본문 가독성이 우수하나, 비트로 코어는 display 폰트로 긴 제목 읽기에 최적화되지 않았다. 제목 폰트로 쓰기에 무게감과 명확성이 부족하다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 인간적인 serif 분위기와 비트로 코어의 기하학적·현대적 display 톤이 충돌한다. 본문용 serif를 제목에 배치한 구조도 위계 혼란을 초래한다.
대비·계층: serif(본문) vs display(제목) 분류 대비는 존재하지만, 비트로 코어 400 weight만으로는 동그라미재단 ㄱ체 700과의 시각적 위계 차이가 불충분하다.
추천 용도: 공공기관·비영리 웹사이트 (동그라미재단 특성상 자선·교육 톤)제목을 매우 큰 사이즈(48px+)로 제한한 포스터·배너본문 중심 콘텐츠(블로그·뉴스레터)에서 제목을 보조 역할로 축소

어울리는 영문 폰트

제목ManropeGeistPlus Jakarta Sans

본문Source SerifLora

동그라미재단 ㄱ체의 인간적 serif 특성에는 따뜻한 serif(Source Serif, Lora)가 자연스럽다. 제목용으로는 기하학적 sans(Manrope, Geist)를 별도 추천하되, 현재 비트로 코어 사용 시 Manrope의 둥근 구조가 가장 어울린다.

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

44~52px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2d2d2d

#d4a574

#f9f7f3

어울리는 산업 톤

공공기관·비영리 신뢰교육·사회공헌 따뜻함

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