Playfair Display + Source Sans 3

9/10 editorial-elegant 추천

실시간 미리보기

. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

이 페어링이 효과적인 이유

Playfair Display's high-contrast elegance provides dramatic headlines, while Source Sans 3's neutral clarity ensures comfortable body reading. Classic editorial pairing.

타입 스페시먼

제목

폰트 보기 →
Playfair Display
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 6 굵기

본문

폰트 보기 →
Source Sans 3
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 8 굵기

사용 방법

HTML 

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">

CSS

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

body, p, li {
  font-family: 'Source Sans 3', sans-serif;
}

페어링 상세

점수
9/10
무드
editorial-elegant
제목
Playfair Display
본문
Source Sans 3
제목 카테고리
Serif
본문 카테고리
Sans Serif

최적 용도

blog magazine portfolio

빠른 링크