한글 페어링 · 큐레이션

빙그레 따옴체+비트로 프라이드

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

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

A:빙그레 따옴체· 제작 빙그레|B:비트로 프라이드· 제작 비트로

→ 각 폰트 종합 가이드: 빙그레 따옴체 가이드·비트로 프라이드 가이드

평가 결과 · 2개 케이스

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

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

58제목 비트로 프라이드 · 본문 빙그레 따옴체

비트로 프라이드A=제목용ⓘ 미리보기는 프리텐다드

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

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

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

오늘만큼은 진심으로 자랑하고 싶어

제목 비트로 프라이드는 큰 사이즈에서 시각적 임팩트가 뛰어나지만, 빙그레 따옴체는 디스플레이 성향이 섞여 있어 긴 본문보다는 짧은 문단·캡션·카피 길이에서 가독성이 안정적입니다.

분위기: 비트로 프라이드의 강렬한 디스플레이 인상이 주도하고, 빙그레 따옴체의 친근한 둥근 인상이 받쳐주는 유쾌한 톤입니다. 두 폰트 모두 개성이 강해 정보량이 많은 화면에서는 충돌 위험이 있습니다.
대비·계층: 디스플레이성 제목과 라운드 산세리프 본문의 구조 차이로 위계는 만들어지지만, 둘 다 개성이 강해 weight·사이즈 차이를 확실히 벌려야 합니다.
추천 용도: 브랜드 캠페인 키비주얼이벤트·프로모션 랜딩패키지·굿즈 그래픽SNS 카드뉴스 헤드

어울리는 영문 폰트

제목SatoshiManropePlus Jakarta Sans

본문Pretendard LatinInter

비트로 프라이드의 둥글고 통통한 골격에 맞춰 라틴은 살짝 둥근 지오메트릭 산세리프가 자연스럽고, 본문은 중립적이고 가독성 좋은 산세리프로 균형을 잡습니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#ff5a5f

#ffd34e

#fff8ec

어울리는 산업 톤

F&B 친근라이프스타일 매거진이벤트·프로모션 캠페인

38제목 빙그레 따옴체 · 본문 비트로 프라이드

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

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

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

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

오늘은 달콤한 하루를 선물할게요

제목은 따옴체 특유의 귀여운 인상으로 시선을 끌지만, 본문에 디스플레이 폰트인 비트로 프라이드를 쓰면 장문 가독성이 크게 떨어집니다.

분위기: 빙그레 따옴체의 둥글고 친근한 손글씨 인상과 비트로 프라이드의 강한 디스플레이 개성이 충돌해 톤이 분산됩니다.
대비·계층: 두 폰트 모두 개성이 강해 위계 대비보다 시각적 경쟁이 발생하며 정보 우선순위가 흐려집니다.
추천 용도: 짧은 이벤트 포스터 카피SNS 캠페인 키비주얼패키지 한정판 라벨굿즈 그래픽

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshiGeist

본문InterIBM Plex Sans

빙그레 따옴체의 둥근 곡선과 어울리도록 부드러운 지오메트릭 산세리프를 매칭하고, 본문 보조용으로는 중립적이고 가독성 높은 산세리프를 권장합니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff6b9d

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근캠페인 발랄라이프스타일 굿즈

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