DM Sans + DM Serif Display
8/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.
لماذا يعمل هذا التقارن
بما أنهما من نفس عائلة التصميم، يتشارك DM Sans و DM Serif الحمض النووي النسبي، ما يخلق انسجامًا طبيعيًا. يوفر التباين بين Sans و Serif تسلسلًا هرميًا واضحًا.
عيّنة الخط
كيفية الاستخدام
HTML
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;1000;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400&display=swap" rel="stylesheet">CSS
h1, h2, h3, h4, h5, h6 {
font-family: 'DM Sans', sans-serif;
}
body, p, li {
font-family: 'DM Serif Display', serif;
}تفاصيل التقارن
- النتيجة
- 8/10
- المزاج
- متناغم-أنيق
- عنوان
- DM Sans
- فئة العنوان
- Sans Serif
- فئة النص
- Serif
الأنسب لـ
portfolio
agency
editorial