한글 페어링 · 큐레이션

빙그레 따옴체+JS 동까비

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

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

A:빙그레 따옴체· 제작 빙그레|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 빙그레 따옴체 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

62제목 JS 동까비 · 본문 빙그레 따옴체

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

제작정스튜디오상업 무료

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

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

오늘은 신나는 간식 시간이에요

동까비는 짧은 제목에서 시각적 임팩트가 뛰어나지만 긴 문장엔 부적합합니다. 따옴체는 본문용으로 무난하나 디스플레이 성향이 섞여 있어 장문 본문보다 짧은 카피나 블록 단락에 적합합니다.

분위기: JS 동까비의 장난기 가득한 디스플레이 인상과 빙그레 따옴체의 친근하고 둥근 분위기가 만나 유쾌한 톤을 형성합니다. 두 폰트 모두 캐주얼 성향이 강해 일관성은 있으나 본문 변별력이 다소 약합니다.
대비·계층: 제목의 강한 캐릭터성과 본문의 둥글둥글한 인상으로 형태 대비는 확보되나, 둘 다 캐주얼 톤이라 무게 대비를 위해 따옴체는 400(본문)/700(강조)을 함께 운용하는 것이 좋습니다.
추천 용도: 어린이·가족 브랜드 캠페인F&B 패키지 카피이벤트·프로모션 포스터SNS 콘텐츠 카드뉴스캐릭터 굿즈 패키지

어울리는 영문 폰트

제목FredokaBagel Fat OneChunky FiveBricolage Grotesque

본문QuicksandNunitoPlus Jakarta Sans

동까비의 볼륨감 있는 디스플레이 인상에는 굵고 둥근 라틴 디스플레이가 어울리고, 따옴체의 친근한 본문에는 부드러운 둥근 산세리프가 톤을 유지합니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff6b3d

#ffd84d

#fff7e8

어울리는 산업 톤

F&B 친근키즈·패밀리 캐주얼이벤트 프로모션

38제목 빙그레 따옴체 · 본문 JS 동까비

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

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

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

제작정스튜디오상업 무료

오늘의 작은 행복을 한입에

빙그레 따옴체는 제목에서 따옴표 모티프가 시선을 끌지만, JS 동까비는 디스플레이 성격이라 긴 본문에는 가독성이 떨어집니다.

분위기: 빙그레 따옴체의 둥글고 친근한 인상과 JS 동까비의 손글씨 같은 자유분방한 캐릭터가 모두 강하게 주장해 톤이 분산됩니다.
대비·계층: 둘 다 캐릭터가 강한 디스플레이 계열이라 위계 구분이 약하고, 굵기·구조 대비가 명확하지 않습니다.
추천 용도: 어린이 브랜드 캠페인 비주얼F&B 한정판 패키지이벤트 포스터 헤드라인감성 굿즈 라벨

어울리는 영문 폰트

제목FrauncesRecoletaQuicksandNunito

본문Nunito SansPlus Jakarta Sans

빙그레 따옴체의 둥근 곡선과 친근한 인상에 맞춰 부드러운 곡선 라틴 폰트가 어울리며, 본문은 중성적이고 라운드한 산세리프로 균형을 맞춥니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#e94b6a

#f4c95d

#fff7ec

어울리는 산업 톤

F&B 친근라이프스타일 감성어린이·키즈 따뜻

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