한글 페어링 · 큐레이션

비트로 코어+이순신체

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

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

A:비트로 코어· 제작 비트로|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 비트로 코어 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

38제목 비트로 코어 · 본문 이순신체

비트로 코어B=제목용ⓘ 미리보기는 프리텐다드

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

+이순신체A=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

바다 위에 새긴 다짐, 오늘도 흐른다

이순신체는 획의 굵기 변화가 커 긴 본문에는 다소 피로감을 주지만 단문 메시지·인용구로는 정서적 몰입을 만듭니다. 비트로 코어는 짧은 제목에서 시선을 잡아끌어 강조 역할을 안정적으로 수행합니다.

분위기: 이순신체의 묵직한 손글씨 인상과 비트로 코어의 기하학적 디스플레이 감성이 서로 다른 시대성을 풍겨 톤 충돌이 발생합니다. 본문에서 이순신체가 차분히 흐르려 해도 손글씨 특성상 분위기를 강하게 끌고 가 비트로의 모던함과 어긋납니다.
대비·계층: 캘리그래피 본문 vs 기하 디스플레이 제목이라는 형태 대비는 분명하나, 두 폰트 모두 개성이 강해 정보 위계보다 시각적 경쟁이 먼저 발생합니다.
추천 용도: 역사·문화 캠페인 본문 카피전시 도록 인용문지역 브랜드 스토리텔링 페이지헤리티지 굿즈 패키지 텍스트

어울리는 영문 폰트

제목GeistManropePlus Jakarta SansSatoshi

본문EB GaramondLora

비트로 코어의 모던 기하 형태에는 Geist·Manrope 같은 균질한 산세리프가 어울리고, 이순신체 본문에는 손글씨의 인간미를 보완하는 서정적 세리프가 자연스럽게 호흡합니다.

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

40~52px

24~30px

본문

17~19px

line-height

1.75

어울리는 색상

#1f2a36

#a8794a

#f3ece1

어울리는 산업 톤

헤리티지 문화 캠페인지역 관광 스토리텔링역사 교육 따뜻

38제목 이순신체 · 본문 비트로 코어

이순신체A=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

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

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

역사의 한 획을 다시 쓰다

이순신체는 굵은 획으로 제목에서 강한 시선 집중을 만들지만, 본문에 사용된 비트로 코어는 디스플레이 성격이라 긴 문장 가독성이 떨어집니다.

분위기: 이순신체의 묵직한 손글씨 인상과 비트로 코어의 미래적 디스플레이 감각이 한 화면에서 서로 다른 시대감을 발산해 톤 일관성이 흔들립니다.
대비·계층: 손글씨 vs 기하학적 디스플레이라는 구조 대비는 분명해 위계는 잡히지만, 양쪽 모두 개성이 강해 정보 전달보다 장식성이 앞섭니다.
추천 용도: 역사·문화 캠페인 키비주얼지자체 행사 포스터단기 프로모션 그래픽전시 타이틀월

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문Space GroteskIBM Plex Sans

이순신체의 붓 흐름은 서체 콘트라스트가 있는 세리프와 호흡이 맞고, 본문 비트로 코어의 기하 디스플레이 감각은 모던 산세리프로 보완하면 균형이 잡힙니다.

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

44~56px

26~32px

본문

17~19px

line-height

1.7

어울리는 색상

#2b1d12

#c8a96a

#f5efe6

어울리는 산업 톤

역사·문화 캠페인지자체 브랜딩전시·박물관 그래픽

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