Work Sans + Source Serif 4

7/10 warm-professional

Aperçu en direct

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

Pourquoi cette association fonctionne

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

Spécimen typographique

Titre

Voir la police →
Work Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 9 graisses

Corps

Voir la police →
Source Serif 4
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 8 graisses

Comment utiliser

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

Détails de l'association

Score
7/10
Ambiance
warm-professional
Titre
Work Sans
Corps
Source Serif 4
Catégorie de titre
Sans Serif
Catégorie de corps
Serif

Idéal pour

blog nonprofit education

Liens rapides