كيف أعرف نوع الخط المستخدم في واجهة أي موقع إلكتروني

1 إجابات
profile/بشرى-ابوسويلم
بشرى ابوسويلم
بكالوريوس في نظم المعلومات (٢٠١٢-٢٠١٦)
.
١٦ فبراير ٢٠٢١
قبل ٤ سنوات
يمكنك معرفة نوع الخط اللذي يتم استخدامه في واجهة المواقع, ساعرفك على الطرق الاكثر شيوعا لمعرفة نوع خط موقع و هي طرق محددة لكل متصفح و هي:

  • Fontanello (Chrome + Firefox) : برايي يعد Fontanello Chrome و Firefox Extension أسرع طريقة لمعرفة الخط الذي تستخدمه صفحة الويب, يمكنك ببساطة النقر بزر الفارة الأيمن على النص ، و العثور على Fontanello في القائمة ، و هناك مجموعة الخطوط و بعض السمات الإضافية التي يوفرها الت.

  • WhatFont (Chrome و Safari): اداة WhatFont Chrome و Safari Extension هو الخيار الافضل عندما يتعلق الأمر باكتشاف الخط. لتنشيط الأداة ، قم بالنقر على رمز What Font في قائمة المتصفح. الآن يمكنك تحديد أجزاء متعددة من النص مما يسمح بتصور أفضل لتقسيم الخطوط.

  • Visual Inspector Chrome Extension: يوفر عمقًا أكثر قليلاً من الاثنين أعلاه. ما عليك سوى النقر على رمز Visual Inspector في قائمة Chrome لتنشيط الأداة ، ثم التوجه إلى قسم الطباعة في القائمة المنسدلة. ليتم اظهار مجموعة الخطوط المستخدمة مع تفصيل إضافي لجميع أشكال الطباعة داخل صفحة الويب.

  • فحص الكود القديم الجيد (جميع المتصفحات) : إذا كنت تحاول تجنب تثبيت العشرات من إضافات المتصفح ، فيمكنك العثور على المزيد على  الخطوط المستخدمة من خلال الفحص التالي: إذا كنت تستخدم Google Chrome ، فانقر بزر الفارة الأيمن على النص الغامض ، و حدد فحص. تنبثق DevTools ، تأكد من أنك في علامة التبويب Styles و توجه إلى سمات Font-Family لمعرفة المزيد حول الخطوط.

    اما إذا كنت تستخدم Firefox ، فانقر بزر الفارة الأيمن فوق النص ، و حدد فحص العنصر. لينبثق اداة للتفتيش, توجه الآن إلى علامة التبويب Fonts المناسبة للحصول على المعلومات التي تحتاجها.

    و إذا كنت تستخدم Safari ، فتأكد من أن قائمة Developer مرئية عن طريق تحديد المربع الموجود أسفل علامة التبويب Advanced في تفضيلات Safari. الآن انقر بزر الفارة الأيمن فوق النص ، و حدد فحص العنصر. ليعرض قسم الخطوط معلومات الخط ضمن سمات النمط.

  • كشف الخطوط المعاد تسميتها (طريقة متقدمة): افتح أداة المفتش في Google Chrome ، و توجه إلى علامة تبويب التطبيق و انتقل إلى قسم الإطارات و افتح الخطوط. تحتاج إلى مطابقة اسم الملف مع اسم الخط المذكور سابقًا. افتح الآن هذا الخط في علامة تبويب جديدة لتنزيله. في النهاية قم بسحب ملف الخط إلى ملف What Can My Font do? ليتم تقديم معلومات الخط بشكل جميل.

    للمزيد: معرفة نوع الخط المستخدم في أي موقع