한글 페어링 · 큐레이션

빙그레 따옴체+빛의 계승자

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

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

A:빙그레 따옴체· 제작 빙그레|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 빙그레 따옴체 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

54제목 빛의 계승자 · 본문 빙그레 따옴체

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

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

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

빛을 잇는 자, 새로운 모험을 시작하다

빛의 계승자는 큰 사이즈의 디스플레이 헤드라인에서 존재감이 강하며, 빙그레 따옴체는 따옴표 모티프 덕에 짧은 본문에서는 읽히지만 긴 본문에는 부담이 있습니다.

분위기: 빛의 계승자의 판타지적·장식적 인상과 빙그레 따옴체의 친근하고 둥근 인상이 서로 다른 방향을 향해 톤이 다소 분산됩니다.
대비·계층: 장식적 제목과 둥근 산세리프 본문의 형태 대비는 분명하지만, 두 폰트 모두 캐릭터가 강해 위계가 깔끔하게 정리되지 않을 수 있습니다.
추천 용도: 게임 이벤트 랜딩 페이지어린이·가족 캠페인 포스터캐릭터 IP 굿즈 패키지테마파크 안내 배너

어울리는 영문 폰트

제목CinzelMedievalSharpPlayfair Display

본문QuicksandNunito

제목은 판타지 서사를 살리는 장식적 세리프/중세풍 폰트가 어울리고, 본문은 따옴체의 둥근 인상과 맞는 부드러운 산세리프가 자연스럽습니다.

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

44~56px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#3b2a6b

#f2c14e

#fdf8ec

어울리는 산업 톤

게임 판타지캐릭터 IP키즈·패밀리 엔터테인먼트

38제목 빙그레 따옴체 · 본문 빛의 계승자

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

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

+빛의 계승자B=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

달콤한 여름, 오늘의 작은 선물

빙그레 따옴체는 짧은 제목에서 따뜻한 정체성을 잘 드러내지만, 본문에 사용된 빛의 계승자는 디스플레이 전용으로 긴 글 가독성이 매우 낮습니다.

분위기: 빙그레 따옴체의 둥글고 친근한 인상이 빛의 계승자의 장식적이고 판타지적인 디스플레이 감성과 충돌합니다. 톤이 한쪽으로 모이지 않아 일관된 분위기 형성이 어렵습니다.
대비·계층: 두 폰트 모두 개성이 강한 디스플레이 계열이라 위계 대비보다 시각적 경쟁이 발생합니다. 본문이 제목보다 더 튀어 보일 위험이 있습니다.
추천 용도: F&B 캠페인 키비주얼 한정 사용이벤트 포스터 짧은 카피게임 이벤트 배너굿즈·패키지 일러스트 텍스트

어울리는 영문 폰트

제목FrauncesBagel Fat OneRubikManrope

본문InterIBM Plex Sans

빙그레 따옴체의 둥글고 통통한 인상에는 부드러운 곡선의 Fraunces·Bagel Fat One이 어울리며, 본문 라틴은 디스플레이 한글의 부담을 덜어줄 중립적 sans가 필요합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6f61

#ffd166

#fff7ec

어울리는 산업 톤

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