الأدوات
ما الخط الذي يستخدمه هذا الموقع؟
أدخل عنوان موقع وشاهد الخطوط التي يستخدمها: العائلة، ومصدر تحميلها، وكيف تُضبط للعناوين والنص الأساسي، وأقرب بديل مجاني على Google Fonts.
stripe.com
تم القياس قبل 4 أيام.
:root {
--font-heading: "sohne-var", "Inter", sans-serif; /* Inter stands in for sohne-var */
--font-body: "sohne-var", "Inter", sans-serif; /* Inter stands in for sohne-var */
--font-size-base: 16px;
}كيف يعمل
يفتح Stylepack الموقع في متصفح حقيقي، ويقيس ما يُعرض فعلًا (لا ما يقوله ملف الأنماط) بأربعة عروض وفي كلا الوضعين، ويحفظ النتيجة كحزمة تصميم. الموقع المقاس سابقًا يجيب فورًا؛ والجديد يستغرق أقل من دقيقة. كل قيمة في هذه الصفحة تأتي من تلك الحزمة.
أسئلة
كيف تكتشفون الخط الذي يستخدمه موقع ما؟
يُفتح الموقع في متصفح حقيقي ويُقاس كل نمط نصي كما يُعرض: العائلة التي استخدمها المتصفح فعلًا، ووزنها وحجمها وارتفاع السطر والتباعد بين الحروف. الخط المعلن في CSS دون أن يُحمّل لا يُذكر في النتيجة.
ماذا لو لم يكن الخط مجانيًا؟
معظم خطوط العلامات التجارية مرخّصة. تذكر النتيجة أقرب بديل مجاني على Google Fonts، ويضعه CSS في سلسلة الخطوط كبديل، فيعمل ملف الأنماط نفسه مع الخط المرخّص أو بدونه.
ما الفرق بينه وبين إضافة المتصفح؟
تخبرك الإضافة بعائلة الخط تحت المؤشر. أما هذه الصفحة فتقيس الموقع كله دفعة واحدة، وترتّب العائلات حسب الدور، وتعطيك CSS جاهزًا للصق، إضافة إلى حزمة التصميم الكاملة لوكيل البرمجة بالذكاء الاصطناعي.