Work Sans + Source Serif 4

7/10 따뜻함-전문적

실시간 미리보기

. 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가 미묘한 개성을 지닌 친근하고 다가가기 쉬운 헤드라인을 제공하고, Source Serif 4가 본문 텍스트에 전통적인 가독성을 더합니다. 따뜻하고 전문적입니다.

타입 스페시먼

제목

폰트 보기 →
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
무드
따뜻함-전문적
제목
Work Sans
본문
Source Serif 4
제목 카테고리
Sans Serif
본문 카테고리
Serif

최적 용도

blog nonprofit education

빠른 링크