Bebas Neue + Roboto
7/10
醒目冲击
实时预览
. 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 全大写的窄体冲击力主导标题，Roboto 的多用途中性特质则从容驾驭正文内容。一组极具视觉冲击力的组合。
字体样本
使用方法
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
- 风格
- 醒目冲击
- 标题
- Bebas Neue
- 正文
- Roboto
- 标题分类
- Sans Serif
- 正文分类
- Sans Serif
最适合
poster
landing-page
sports