Work Sans + Source Serif 4

7/10 warm-professional

실시간 미리보기

. 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.

이 페어링이 효과적인 이유

Work Sans provides friendly, approachable headlines with subtle quirks, while Source Serif 4 brings traditional readability to body text. Warm and professional.

타입 스페시먼

제목

폰트 보기 →
Work Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 9 굵기

본문

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

사용 방법

HTML 

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

CSS

h1, h2, h3, h4, h5, h6 {
  font-family: 'Work Sans', sans-serif;
}

body, p, li {
  font-family: 'Source Serif 4', serif;
}

페어링 상세

점수
7/10
무드
warm-professional
제목
Work Sans
본문
Source Serif 4
제목 카테고리
Sans Serif
본문 카테고리
Serif

최적 용도

blog nonprofit education

빠른 링크