إجابات أدوات مطوري البرامج - ما هو خط ذلك؟

Paul Irish

يمكن أن تُعلمك أدوات مطوري البرامج في Chrome الآن بنوع الخط المستخدَم لعرض النص.

حزم الخطوط هي شيء مضحك، فهي اقتراح أكثر من مجرد طلب. بما أنّ العائلة التي تقترحها قد لا تكون متوفّرة، فإنّك تسمح لمتصفّح كل مستخدم بمعالجة الحالة الاحتياطية، واستخدام ما يناسبه.

font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;

بصفتك مطوّر برامج، تحتاج إلى معرفة الخط المستخدَم فعليًا. إليك آلية العمل:

ضمن الأنماط المحسوبة، سيظهر لك الآن ملخّص للخطوط المستخدَمة لهذا العنصر. في ما يلي بعض النقاط التي يجب أخذها في الاعتبار:

• تعرض "أدوات المطوّرين" نوع الخط الفعلي المستخدَم في طبقة عرض النصوص في Chrome. لن تضطر بعد الآن إلى التخمين بشأن الخط الذي سيظهر عند استخدام serif أو sans-serif.
• هل يعمل خط الويب الخاص بي؟ في بعض الأحيان، يكون من الصعب معرفة ما إذا كنت ترى خط الويب أو خط النظام الاحتياطي. يمكنك الآن التحقّق من تطبيق خط الويب. في المثال أعلاه، سننزّل Lobster كخط ويب لأسلوب ::first-line.
• من السهل العثور على الخطوط التي يتم تجاهلها في الحزمة. في المثال أعلاه، حدث خطأ إملائي في كتابة Merriweather، لذا لم يتم استخدامها، وتم استخدام Lobster بدلاً منها.
• هل هذا Arial أم Helvetica؟ يمكنك أن تسأل مصمّمًا أو… تسأل أدوات المطوّرين. ;)
• تعمل هذه الميزة بشكل رائع مع خطوط الويب من Google وTypekit والخطوط المحلية والخطوط الطباعية لـ @font-faces والأحرف الرسومية بترميز يونيكود وجميع مصادر الخطوط الأخرى المثيرة للاهتمام.

استمتع، ولا تتردد في ترك أي تعليقات لديك.