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