"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > التحقق من الخطوط المستخدمة على صفحة ويب

التحقق من الخطوط المستخدمة على صفحة ويب

تم النشر بتاريخ 2024-08-01
تصفح:807

ظروف

كما أتعلم حاليًا next.j. سأتابع الدورة التدريبية التي أنشأها الفريق التالي (https://nextjs.org/learn).

يوجد قسم خاص بتحسين الخطوط والصور.
بصراحة، لم أهتم أبدًا بالخطوط وأي الخطوط تستخدم في عنصر معين في صفحة الويب.
لكنني أدركت من خلال هذه المادة أنك قادر على القيام بذلك. يمكنك معرفة الخطوط المستخدمة في عنصر معين. يمكن أن يكون لديك أكثر من خط مخصص على الصفحة وقد يكون ذلك مفيدًا.

نظرًا لأنني أستخدم Chrome كمتصفح افتراضي، فقد قمت بفتح أدوات التطوير وفحصت الخطوط المستخدمة.

chrome dev tools

بدا هذا سيئًا جدًا وبدون الكثير من المعلومات.

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

Check used fonts on a webpage

افكاري

ذكّرتني هذه النتائج المتعلقة بالخطوط عندما واجهت بعض المشكلات في التخطيط في الماضي أنه يمكنني إجراء تصحيح أفضل بكثير في فايرفوكس مقارنة بالكروم.
يبدو أن Firefox يهتم أكثر بأشياء CSS لجعل تطوير FE أكثر مرونة من Chrome. أعتقد أنني يجب أن آخذ هذا في الاعتبار في المرة القادمة أثناء قيامي بعمل CSS واستخدام Firefox كبرنامج افتراضي!

هتافات. اتمنى لك يوم جيد!

بيان الافراج تم نشر هذه المقالة على: https://dev.to/machy44/check-used-fonts-on-a-webpage-29cn?1 إذا كان هناك أي انتهاك، يرجى الاتصال بـ [email protected] لحذفه
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3