Paul Irish
يمكن أن تُطلعك "أدوات مطوري البرامج في Chrome" الآن على الخطوط الطباعية المُستخدَمة بالضبط لعرض النص.
تُعد حزم الخطوط أمرًا مضحكًا، فهي مجرد اقتراح أكثر من مجرد طلب. نظرًا لأن العائلة التي تقترحها قد لا تكون موجودة، فأنت تسمح لكل متصفح مستخدم بالتعامل مع الحالة المعطلة، والحصول على شيء مناسب واستخدامه.
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
بصفتك مطوِّرًا، تحتاج إلى معرفة الخط المستخدَم فعليًا. إليك آلية العمل:
ضمن الأنماط المحسوبة، سترى الآن ملخصًا للخطوط الطباعية المستخدمة لهذا العنصر. هناك بعض الأشياء التي يجب ملاحظتها هنا:
- تُبلغ "أدوات مطوري البرامج" عن الخط الطباعي الذي تستخدمه طبقة عرض النص في Chrome. لن تكون هناك حاجة بعد الآن لتخمين الخط
serifأوsans-serifالذي يتم التحويل إليه فعليًا. - هل خط webfont الخاص بي يعمل؟ يصعب أحيانًا معرفة ما إذا كنت ترى خط الويب أو خط النظام الاحتياطي. يمكنك الآن التأكّد من أنّه يتم تطبيق خط Webfont. في المثال أعلاه، نسحب Lobster كخط ويب لنمط
::first-line. - يسهل تحديد الخطوط العريضة في الحزمة. في الأعلى، صادفنا خطأ إملائيًا إملائيًا في بعض الأحيان وهو Merriweather وبالتالي لم نجد خطأ أدّى إلى سقوطه إلى الكركند.
- هل هذا Arial أو Helvetica؟ اطرح سؤالاً على مصمم أو اسأل أدوات مطوري البرامج. ;)
- يعمل بشكل رائع مع Google Webfonts وTypekit والخطوط المحلية و@font-face الطباعيات والرموز التعبيرية بترميز يونيكود وجميع مصادر الخطوط الأخرى المثيرة للاهتمام.
نتمنى لك وقتًا ممتعًا، ولا تتردد في إرسال تعليق إلينا.