IBM Plex Sans + IBM Plex Serif

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

لماذا يعمل هذا التقارن

يتشارك IBM Plex Sans و Serif لغة التصميم نفسها — صُمِّما معًا لانسجام مثالي. يخلق التباين بين Sans و Serif تسلسلًا هرميًا طبيعيًا ضمن نظام موحّد.

عيّنة الخط

عنوان

عرض الخط →

IBM Plex Sans

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 7 أوزان

نص

عرض الخط →

IBM Plex Serif

AaBbCcDdEeFfGg

0123456789 !@#$%

Serif 7 أوزان

كيفية الاستخدام

HTML

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

CSS

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

body, p, li {
  font-family: 'IBM Plex Serif', serif;
}

تفاصيل التقارن

النتيجة: 9/10
المزاج: منهجي-احترافي
عنوان: IBM Plex Sans
نص: IBM Plex Serif
فئة العنوان: Sans Serif
فئة النص: Serif

الأنسب لـ

documentation enterprise dashboard