한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

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

오늘의 작은 친절이 내일을 바꿉니다.

ㄱ체는 또렷한 획과 안정된 자소 균형으로 긴 글 읽기에 무리가 없으며, 비트로 코어는 짧은 슬로건이나 헤드라인에서 시선을 잡습니다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 인간적인 세리프가 본문을 차분히 이끌고, 비트로 코어의 기하학적 디스플레이가 강조 포인트로 임팩트를 더합니다.
대비·계층: 휴머니스트 세리프 본문과 모듈러 디스플레이 제목 간의 양식 대비가 강해 위계는 명확하지만, 인상 차이가 커서 톤 조율이 필요합니다.
추천 용도: 사회공헌 캠페인 리포트 본문공익 매거진 에세이 페이지전시 도록 캡션 및 해설문교육 콘텐츠 장문 본문

어울리는 영문 폰트

제목GeistManropePlus Jakarta Sans

본문Source SerifEB Garamond

본문 ㄱ체에는 인간적 세리프 라틴을 매칭해 부드러운 흐름을 유지하고, 제목 비트로 코어에는 기하학적 산세리프 라틴으로 모던한 디스플레이 인상을 강화합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#d96e3a

#f5efe6

어울리는 산업 톤

공익재단 따뜻함문화예술 매거진교육 콘텐츠 신뢰

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

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

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

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

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

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

제목용 ㄱ체는 첫눈에 들어오는 손맛이 있지만, 비트로 코어는 디스플레이 폰트라 본문으로 사용하면 장문 가독성이 떨어집니다.

분위기: 동그라미재단 ㄱ체의 인간적이고 부드러운 세리프 인상이 비트로 코어의 각진 디스플레이 톤과 충돌하여 일관된 분위기 형성이 어렵습니다.
대비·계층: 세리프 제목 vs 기하학적 디스플레이 본문이라는 구조 차이는 크지만, 본문 폰트가 디스플레이라 위계가 명확하지 않고 시선이 분산됩니다.
추천 용도: 문화 캠페인 포스터전시 그래픽브랜드 키비주얼 헤드라인이벤트 한정 콘텐츠

어울리는 영문 폰트

제목EB GaramondLoraSource Serif

본문IBM Plex SansManrope

ㄱ체의 인간적 세리프 곡선은 EB Garamond·Lora 같은 클래식 세리프와 자연스럽게 조화되며, 비트로 코어의 기하학적 본문 인상은 Plex Sans·Manrope의 모던 산세리프로 보완됩니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2a2118

#c97b3c

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