DM Sans + DM Serif Display

8/10 harmonious-elegant

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

From the same design family, DM Sans and DM Serif share proportional DNA, creating natural harmony. The sans/serif contrast provides clear hierarchy.

Spécimen typographique

Titre

Voir la police →
DM Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 10 graisses

Corps

Voir la police →
DM Serif Display
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 1 graisses

Comment utiliser

HTML 

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

CSS

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

body, p, li {
  font-family: 'DM Serif Display', serif;
}

Détails de l'association

Score
8/10
Ambiance
harmonious-elegant
Titre
DM Sans
Corps
DM Serif Display
Catégorie de titre
Sans Serif
Catégorie de corps
Serif

Idéal pour

portfolio agency editorial

Liens rapides