한글 페어링 · 큐레이션

가비아 청연+안녕 멜로디

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

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

A:가비아 청연· 제작 가비아|B:안녕 멜로디· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: 가비아 청연 가이드·안녕 멜로디 가이드

평가 결과 · 2개 케이스

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

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

58제목 가비아 청연 · 본문 안녕 멜로디

가비아 청연A=제목용

제작가비아상업 무료다운로드

+안녕 멜로디B=본문용

제작구글 한글 폰트상업 무료다운로드

오늘의 작은 행복을 적어요

가비아 청연은 제목으로서 가독성이 양호하나, 안녕 멜로디는 본문 사용 시 긴 글에서 피로감이 큰 편입니다.

분위기: 가비아 청연의 단정한 손글씨 감성과 안녕 멜로디의 발랄한 손글씨가 어우러져 친근하고 캐주얼한 분위기를 형성합니다.
대비·계층: 두 폰트 모두 손글씨 계열 400 웨이트로 구조적 대비가 약해 위계 구분이 다소 모호합니다.
추천 용도: 감성 카드뉴스 제목어린이·교육 콘텐츠다이어리·문구 굿즈캐주얼 이벤트 포스터

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into Light

본문NunitoQuicksand

가비아 청연의 부드러운 손글씨 곡선과 어울리는 캐주얼 라틴 핸드라이팅을 제목에 매칭하고, 본문은 둥근 산세리프로 가독성을 보완했습니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#f4a6b8

#7bc4a4

#fdf6ee

어울리는 산업 톤

라이프스타일 감성교육 따뜻문구·핸드메이드 굿즈

58제목 안녕 멜로디 · 본문 가비아 청연

안녕 멜로디B=제목용

제작구글 한글 폰트상업 무료다운로드

+가비아 청연A=본문용

제작가비아상업 무료다운로드

오늘도 작은 위로가 되어주길 바라요

가비아 청연은 손글씨 기반이라 긴 본문에는 부담이 있지만 짧은 단락·캡션에는 정감 있는 가독성을 보여주고, 안녕 멜로디는 둥근 형태로 시선을 곧바로 끕니다.

분위기: 가비아 청연의 부드러운 손글씨 감성을 본문으로 두고, 안녕 멜로디의 통통하고 사랑스러운 손글씨가 제목을 맡아 전반적으로 다정하고 아기자기한 톤이 형성됩니다.
대비·계층: 두 폰트 모두 손글씨 계열이라 굵기·형태 대비가 약해 위계가 흐릿해질 수 있고, 제목 사이즈를 본문 대비 2배 이상 키워야 계층이 살아납니다.
추천 용도: 감성 카드뉴스 본문어린이·교육 콘텐츠 소개글수공예 브랜드 상세 페이지다이어리·문구 제품 패키지소셜미디어 감성 포스트

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into Light

본문NunitoQuicksand

안녕 멜로디의 둥글고 손글씨다운 인상엔 캐주얼 핸드라이팅 라틴이, 가비아 청연 본문에는 둥근 산세리프 Nunito·Quicksand가 톤을 해치지 않으면서 가독성을 확보합니다.

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

40~52px

26~30px

본문

17~19px

line-height

1.75

어울리는 색상

#e08fa3

#f6c667

#fff8f0

어울리는 산업 톤

교육 따뜻라이프스타일 감성문구·핸드메이드 브랜드

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GabiaCheongyeon/subsets/GabiaCheongyeon-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Gabia Cheongyeon', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Hi Melody', sans-serif;
}