Playfair Display + Source Sans 3
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
9/10
editorial-elegant
مميّز
معاينة مباشرة
. 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.
لماذا يعمل هذا التقارن
Playfair Display's high-contrast elegance provides dramatic headlines, while Source Sans 3's neutral clarity ensures comfortable body reading. Classic editorial pairing.
عيّنة الخط
كيفية الاستخدام
HTML
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
CSS
h1, h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', serif;
}
body, p, li {
font-family: 'Source Sans 3', sans-serif;
}
تفاصيل التقارن
- النتيجة
- 9/10
- المزاج
- editorial-elegant
- عنوان
- Playfair Display
- فئة العنوان
- Serif
- فئة النص
- Sans Serif
الأنسب لـ
blog
magazine
portfolio