Stylepack

الخطوط

الخطوط التي يستخدمها duolingo.com

يستخدم duolingo.com الخط duolingo-sans لعناوينه ونصه الأساسي. duolingo-sans خط يحمّله الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter.

تم القياس من duolingo.com قبل 4 أيام.

افتح حزمة التصميم الكاملةتنزيل الحزمة

عائلات الخطوط

2 عائلات خطوط
duolingo-sans
يُستخدم في
h1, body, button
المصدر
بديل Inter
البديل المجاني
Inter
feather
يُستخدم في
h2
المصدر
بديل Inter
البديل المجاني
Inter

CSS لإعادة إنتاجه

متغيرات الخطوط مع البديل المجاني في سلسلة الخطوط، فيعمل CSS نفسه مع الخط المرخّص أو بدونه.

:root {
  --font-heading: "duolingo-sans", "Inter", sans-serif; /* Inter stands in for duolingo-sans */
  --font-body: "duolingo-sans", "Inter", sans-serif; /* Inter stands in for duolingo-sans */
  --font-size-base: 17px;
}

كيف يُضبط النص

headline-displayQuick brown foxduolingo-sans / 32px / 700 / lh 1.4
headline-lgQuick brown foxfeather / 48px / 700 / lh 1.4
headline-mdQuick brown foxduolingo-sans / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogduolingo-sans / 17px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogduolingo-sans / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogduolingo-sans / 15px / 700 / lh 1.4 / 0.8px
أحجام الخطوط المستخدمة
15173248

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

curl -s https://stylepack.ai/packs/duolingo.com/DESIGN.md

أسئلة

ما الخط الذي يستخدمه duolingo.com؟

يستخدم duolingo.com الخط duolingo-sans, feather. العناوين بخط duolingo-sans والنص الأساسي بخط duolingo-sans، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط duolingo.com مجاني الاستخدام؟

لا. duolingo-sans خط مرخّص يقدّمه duolingo.com بنفسه. أقرب بديل مجاني هو Inter، متاح على Google Fonts. يضعه كود CSS في هذه الصفحة ضمن سلسلة الخطوط كبديل.

كيف أحصل على الطباعة نفسها التي يستخدمها duolingo.com في مشروعي؟

نزّل حزمة تصميم duolingo.com من Stylepack: تحتوي على سلسلة الخطوط وسلّم الأحجام وكل أنماط النصوص ولقطات الشاشة، بصيغة يستطيع وكيل برمجة بالذكاء الاصطناعي مثل Claude Code أو Cursor البناء منها.