Oswald + Open Sans

8/10 bold-clean 추천

실시간 미리보기

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

이 페어링이 효과적인 이유

Oswald's condensed boldness grabs attention in headlines, and Open Sans provides a neutral, highly readable body companion. Great for content-heavy sites.

타입 스페시먼

제목

폰트 보기 →
Oswald
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 6 굵기

본문

폰트 보기 →
Open Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 6 굵기

사용 방법

HTML 

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

CSS

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

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

페어링 상세

점수
8/10
무드
bold-clean
제목
Oswald
본문
Open Sans
제목 카테고리
Sans Serif
본문 카테고리
Sans Serif

최적 용도

news blog content-site

빠른 링크