Playfair Display + Source Sans 3

9/10 editorial-elegant À la une

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

Playfair Display's high-contrast elegance provides dramatic headlines, while Source Sans 3's neutral clarity ensures comfortable body reading. Classic editorial pairing.

Spécimen typographique

Titre

Voir la police →
Playfair Display
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 6 graisses

Corps

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

Comment utiliser

HTML 

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

CSS

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

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

Détails de l'association

Score
9/10
Ambiance
editorial-elegant
Titre
Playfair Display
Corps
Source Sans 3
Catégorie de titre
Serif
Catégorie de corps
Sans Serif

Idéal pour

blog magazine portfolio

Liens rapides