Bebas Neue + Roboto

7/10 bold-impact

Живой предпросмотр

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

Почему эта пара работает

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

Образец шрифта

Заголовок

Смотреть font →
Bebas Neue
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 1 начертания

Основной текст

Смотреть font →
Roboto
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 9 начертания

Как использовать

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

Детали пары

Оценка
7/10
Настроение
bold-impact
Заголовок
Bebas Neue
Основной текст
Roboto
Категория заголовка
Sans Serif
Категория основного текста
Sans Serif

Лучше всего для

poster landing-page sports

Быстрые ссылки