Work Sans + Source Serif 4

7/10 warm-professional

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

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

Yazı Tipi Örneği

Başlık

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

Gövde

Fontu görüntüle →
Source Serif 4
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 8 kalınlık

Nasıl Kullanılır

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

Eşleştirme Detayları

Puan
7/10
Ruh Hali
warm-professional
Başlık
Work Sans
Gövde
Source Serif 4
Başlık kategorisi
Sans Serif
Gövde kategorisi
Serif

En İyi Kullanım Alanları

blog nonprofit education

Hızlı Bağlantılar