한글 페어링 · 큐레이션

푸른전남체+코트라 글로벌

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

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

A:푸른전남체· 제작 전라남도|B:코트라 글로벌· 제작 코트라

→ 각 폰트 종합 가이드: 푸른전남체 가이드·코트라 글로벌 가이드

평가 결과 · 2개 케이스

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

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

68제목 푸른전남체 · 본문 코트라 글로벌

푸른전남체A=제목용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

+코트라 글로벌B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

전남의 미래, 세계와 잇다

푸른전남체는 굵은 700 웨이트로 제목에서 시선을 강하게 끌고, 코트라 글로벌은 안정적인 세리프 구조로 중간 길이 본문 읽기에 무난합니다.

분위기: 푸른전남체의 지역적 강건함과 코트라 글로벌의 격조 있는 세리프가 만나 공공·국제 커뮤니케이션에 어울리는 신뢰감 있는 톤을 형성합니다.
대비·계층: 산세리프 제목과 세리프 본문이라는 분류 대비가 명확하고 700 vs 400의 웨이트 차이로 정보 위계가 또렷하게 구분됩니다.
추천 용도: 지자체 홍보 브로슈어공공기관 연차보고서국제 행사 안내문지역 관광 매거진수출 진흥 자료

어울리는 영문 폰트

제목ManropeIBM Plex SansInterHelvetica Neue

본문Source SerifIBM Plex SerifLora

푸른전남체의 단정한 산세리프 골격은 Manrope·IBM Plex Sans의 기하 구조와 자연스럽게 합성되고, 코트라 글로벌의 세리프 본문은 IBM Plex Serif·Source Serif와 글자 폭·세리프 굵기가 비슷해 안정적입니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f3a5f

#c89b3c

#f4f1ea

어울리는 산업 톤

공공기관 신뢰지역 브랜딩B2B 수출 진흥국제 컨퍼런스

62제목 코트라 글로벌 · 본문 푸른전남체

코트라 글로벌B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+푸른전남체A=본문용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

전남의 이야기, 세계로 향하는 길목에서

푸른전남체는 균일한 획과 안정된 자형으로 긴 본문에 무리가 없으며, 코트라 글로벌은 제목에서 또렷한 존재감을 보이지만 작은 사이즈에서는 세리프 디테일이 다소 흐려질 수 있습니다.

분위기: 푸른전남체의 단정한 산세리프 본문 위에 코트라 글로벌 세리프가 격식 있는 강조점을 더해, 공적이고 신뢰감 있는 톤을 형성합니다.
대비·계층: 산세리프 본문과 세리프 제목의 구조적 대비가 명확해 위계가 자연스럽게 형성되지만, 두 폰트 모두 단일 웨이트(400) 중심이라 굵기 대비는 다소 약합니다.
추천 용도: 지자체·공공기관 보도자료지역 관광 안내 책자공공정책 리포트 본문교육기관 안내서지역 문화행사 도록

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문IBM Plex SansSource Sans Pro

코트라 글로벌의 격식 있는 세리프 톤은 클래식한 세리프 라틴과 호흡이 잘 맞고, 본문 푸른전남체는 인본주의적 산세리프와 결합 시 긴 글 가독성을 유지합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#c89b3c

#f4f1ea

어울리는 산업 톤

공공기관 신뢰지역 브랜딩 차분B2B 글로벌 통상

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