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.

عيّنة الخط

عنوان

عرض الخط →
Bebas Neue
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 1 أوزان

نص

عرض الخط →
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

روابط سريعة