Bebas Neue + Roboto

7/10 bold-impact

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

Bebas Neue's all-caps condensed impact dominates headlines, while Roboto's versatile neutrality handles body content seamlessly. A high-impact pairing.

Spécimen typographique

Titre

Voir la police →
Bebas Neue
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 1 graisses

Corps

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

Comment utiliser

HTML 

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

CSS

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

body, p, li {
  font-family: 'Roboto', sans-serif;
}

Détails de l'association

Score
7/10
Ambiance
bold-impact
Titre
Bebas Neue
Corps
Roboto
Catégorie de titre
Sans Serif
Catégorie de corps
Sans Serif

Idéal pour

poster landing-page sports

Liens rapides