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

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-face والرموز المخصّصة ليونيكود وجميع مصادر الخطوط الأخرى المثيرة للاهتمام.

نتمنّى لك تجربة ممتعة، ويُرجى مشاركة أي ملاحظات لديك.