Oswald + Open Sans

8/10 bold-clean Öne Çıkanlar

Canlı Önizleme

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

Bu Eşleştirme Neden İşe Yarıyor

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

Yazı Tipi Örneği

Başlık

Fontu görüntüle →
Oswald
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 6 kalınlık

Gövde

Fontu görüntüle →
Open Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 6 kalınlık

Nasıl Kullanılır

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;
}

Eşleştirme Detayları

Puan
8/10
Ruh Hali
bold-clean
Başlık
Oswald
Gövde
Open Sans
Başlık kategorisi
Sans Serif
Gövde kategorisi
Sans Serif

En İyi Kullanım Alanları

news blog content-site

Hızlı Bağlantılar