한글 페어링 · 큐레이션

함초롬바탕+선플라워

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

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

A:함초롬바탕· 제작 한컴|B:선플라워· 제작 LE'TS

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·선플라워 가이드

평가 결과 · 2개 케이스

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

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

42제목 함초롬바탕 · 본문 선플라워

함초롬바탕B=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

+선플라워A=본문용

제작LE'TS상업 무료다운로드

현대와 전통의 어색한 만남

선플라워는 display용 폰트로 본문 장문 읽기에 부적합하며, 함초롬바탕은 제목용으로 쓰기에 무겁고 딱딱한 인상을 준다. 역할 배정이 각 폰트의 설계 의도와 맞지 않는다.

분위기: 선플라워의 부드럽고 둥근 sans-serif 디스플레이 톤과 함초롬바탕의 전통적이고 격식 있는 serif 바탕체가 분위기 충돌을 일으킨다. 현대적 감성과 고전적 감성이 일관성 없이 섞인다.
대비·계층: sans와 serif의 구조적 대비는 명확하지만, 선플라워 300~700 weight 범위와 함초롬바탕 400·700의 무게감 차이가 일관된 위계를 만들기보다 부조화를 초래한다.
추천 용도: 혼합 톤이 필요한 실험적 에디토리얼 (제한적)전통과 현대를 의도적으로 충돌시키는 특수 프로젝트단문 헤더라인 + 본문 분리가 극단적인 경우 (비권장)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifLora

선플라워의 부드러운 display 성격을 보완하려면 현대적 sans(Manrope, Geist)가 어울리고, 함초롬바탕의 serif 바탕체 특성을 살리려면 전통적 serif(Source Serif, Lora)와 합성하는 것이 각각 일관성 있다.

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

36~44px

20~24px

본문

15~17px

line-height

1.6

어울리는 색상

#2a2a2a

#d4a574

#f9f6f1

어울리는 산업 톤

전통 공예·문화 (매우 제한적)실험적 출판 (비권장)

42제목 선플라워 · 본문 함초롬바탕

선플라워A=제목용

제작LE'TS상업 무료다운로드

+함초롬바탕B=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

현대와 전통이 만나는 디자인의 경계

선플라워는 제목용 디스플레이 폰트로 첫눈에 들어오는 특성이 강하나, 함초롬바탕은 본문 가독성에 최적화된 바탕체로 제목 역할 시 무거운 인상을 준다. 두 폰트 간 시각적 위계 전환이 급격하다.

분위기: 선플라워의 부드럽고 둥근 sans-serif 디스플레이 톤과 함초롬바탕의 전통적이고 정중한 serif 바탕체가 분위기 충돌을 일으킨다. 현대적 경량감과 고전적 무게감이 일관된 톤을 형성하지 못한다.
대비·계층: 무게 대비는 명확하나(선플라워 300~700 vs 함초롬바탕 400~700), sans와 serif의 구조적 차이가 너무 커서 정보 계층보다는 폰트 불일치 인상을 강화한다.
추천 용도: 전통 출판물(책·신문)의 제목-본문 조합 시 부분적 활용 가능고전 문학·역사 콘텐츠 매거진공공기관·박물관 안내 자료

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source SerifIBM Plex Serif

선플라워의 현대적 sans와 함초롬바탕의 전통 serif를 모두 살리려면 영문도 serif 계열로 통일하는 것이 권장된다. Playfair Display는 디스플레이급 우아함으로 선플라워와 톤을 맞추고, Source Serif는 함초롬바탕의 정중함을 영문에서 재현한다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f6f1

어울리는 산업 톤

전통 출판·문학문화유산·박물관

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Sunflower:wght@300;500;700&display=swap');

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

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