إذا كنت شغوفًا بالتصميم، فسوف توافق على ذلك التفاصيل الصغيرة هي تلك التي تصنع الفرق حقًا في أي مشروع. الطباعة على وجه الخصوص هي الشيء الذي يلفت الانتباه دائمًا، لذلك غالبًا ما تريد معرفة الخط المستخدم. اليوم سوف نتحدث معكم عنه كيف تعرف مصدر موقع على الانترنت مع بعض الأدوات.
اختيار الخط الصحيح يمكن تحديد مدى نجاح أو فشل المشروع، كما هو الحال مع صفحة الويب. اكتشف الخطوط المستخدمة في صفحات الويب المفضلة لديك واكتشف أسرارها التي تمكنت من جذب انتباهك.
كيف تعرف مصدر الموقع؟
باستخدام جوجل كروم
نعم، يمكنك استخدام Google Chrome مع أداة المطور لمعرفة الكود المصدري لصفحة الويب الخاصة بك. هذه الأدوات مخصصة خصيصًا للمستخدمين الذين يكرسون جهودهم لتطوير صفحات الويب، على الرغم من أنها في حالتك يمكن أن تكون مفيدة لك ويمكنك استخدامها بسهولة تامة.
لأن أكواد المصدر والأنماط المستخدمة في جميع مواقع الويب متوفرة متاح للتشاور من قبل أي شخص، هو أنك سوف تكون قادرًا على استخدام هذه الأداة.
للقيام بذلك عليك:
- انتقل إلى جوجل كروم وافتح موقع الويب الخاص بك أو الموقع الذي تريد معرفة مصدره.
- حدد خيار عرض المصدر من الصفحة، يمكنك أيضًا النقر فوق ctrl+U على لوحة مفاتيح الكمبيوتر، هذا إذا كان لديك جهاز كمبيوتر يعمل بنظام التشغيل Windows
- في حال كان لديك جهاز Mac، بعد ذلك سيكون Cmd + Option + U.
- ثم، سيكون عليك فتح أدوات المطور من خلال النقر على F12 على جهاز كمبيوتر يعمل بنظام Windows وcmd + Option + I إذا كان جهاز Mac.
- في أعلى يمين الشاشة يجب عليك النقر على تخصيص الخيار ويتحكم في أدوات التطوير.
- بعد ذلك عليك تحريك المؤشر فوق المزيد من خيار الأدوات ثم حدد شروط الشبكة.
- في قسم وكيل المستخدم، يجب عليك إلغاء تحديد المربع استخدم خيار إعدادات المتصفح الافتراضية.
- في القائمة المنسدلة التي ستظهر لك حدد خيار Googlebot.
- وأخيرا، قم بتحديث الصفحة للحصول على كافة المعلومات التي تبحث عنها حول المصدر.
على الرغم من أن هذه الخطوات قد تبدو معقدة بعض الشيء بالنسبة لك.والحقيقة هي أنه من الناحية العملية الأمر بسيط للغاية، وتم تحسين Google Chrome لتقديم هذه المعلومات.
من خلال متصفح سفاري
تمامًا كما تفعل محركات البحث، ستتمكن من رؤية الكود المصدري لصفحة الويب الخاصة بك على من خلال متصفح سفاري.
لاستخدام Safari عليك:
- فعل انقر فوق سفاري الموجود في القائمة العلوية.
- حدد خيار الإعدادات ثم القسم المتقدم.
- بعد ذلك، حدد خانة الاختيار ل إظهار الميزات لمطوري الويب.
- سيتوجب عليك فتح صفحة ويب في سفاري وفي القائمة العلوية انقر على خيار التطوير.
- حرك المؤشر فوق خيار وكيل المستخدم ثم اختر الخيار الآخر الموجود أسفل الشاشة.
- وأخيرا يجب عليك استبدال النص في هذا الحقل بما يلي: Mozilla/5.0 AppleWebKit/537.36 (KHTML، مثل Gecko؛ متوافق؛ Googlebot/2.1؛ +http://www.google.com/bot.html) Safari/537.36
- هكذا سيتم عرض الكود المصدري لموقع ويب معين، فقط انقر فوق "موافق" للإنهاء.
مايكروسوفت الحافة
يقع Microsoft Edge ضمن أداة تصفح الويب الأكثر استخدامًا جنبا إلى جنب مع جوجل كروم وسفاري. بمرور الوقت، اكتسب Microsoft Edge أهمية في تصفح الويب.
اليوم، هو تم اختياره من قبل ملايين المستخدمين بفضل ميزاته القوية، بما في ذلك استخدام Copilot كنموذج متكامل للذكاء الاصطناعي.
كيفية استخدامه لعرض مصدر صفحة الويب؟
- ابحث في متصفح Microsoft Edge موقع الويب الذي تريد معرفته عن الخط الذي يستخدمه.
- فعل انقر بزر الماوس الأيمن على الشاشة سيظهر لك العديد من الخيارات التي يجب عليك تحديد فحص منها.
- حرك المؤشر في القائمة المنسدلة واختر علامة التبويب "الأنماط".
- في شريط البحث الذي سيظهر لك أدخل كلمة "المصدر".
- بجوار الأمر الخط بين أفراد الأسرة سوف تكون قادرا على عرض المصدر المستخدمة في هذا الموقع.
هل يمكن استخدام أدوات الطرف الثالث لمعرفة مصدر موقع الويب؟
وبطبيعة الحال، فإن توفر أدوات الطرف الثالث لمعرفة مصدر موقع الويب ليس بالأمر الهين على الإطلاق، هناك عدد كبير من الخيارات في الوقت الحاضر.
ومن أشهرها:
WhatFont
إنها أداة ذلك سيكون أفضل حليف لك إذا كنت تحتاج بشكل متكرر إلى معرفة الخطوط المستخدمة في صفحات الويب المختلفة التي تزورها بشكل متكرر. بمجرد تثبيت WhatFont، سيكون لديك دائما في متناول اليد كامتداد، والذي يمكنك الرجوع إليه باستمرار.
عندما تضع المؤشر على الشاشة ستتمكن من معرفة جميع المصادر المعنية بطريقة شبه فورية. نجد هذه الأداة جذابة ومفيدة للغاية للحصول على هذا النوع من المعلومات.
WhatFont إنه مجاني ويمكن الوصول إليه بسهولة بالنسبة للمستخدمين، فهو بلا شك خيار معصوم من الخطأ إذا كنت مهتمًا أو شغوفًا بتصميم الويب.
Fontanello
هذه الأداة فهو يقدم لنا تجربة مشابهة تمامًا لـ WhatFont، على الرغم من أن الحقيقة أبسط بكثير وأقل جاذبية بصريًا إلى حد ما. 
نفس WhatFont، Fontanello eإنه امتداد شائع جدًا ومستخدم، وهو متاح للاستخدام في Google Chrome. إنه بسيط وسهل التطبيق، ولهذا يعتبر بديلاً ممتازًا.
ما الخط
بسيطة وعملية ومتعددة الاستخدامات، نحن نحب هذا التطبيق لسهولة استخدامه. وبطبيعة الحال، فإن الوظائف التي يقدمها أساسية للغاية. سيكون مفيدًا لك الحصول على معلومات حول مصدر صفحة الويب أو حتى التصوير الفوتوغرافي، ولكن القليل من أي شيء آخر.
من خلال الذكاء الاصطناعي ما الخط يحدد الخط المستخدم ويمنحك أيضًا مصادر مشابهة لهذا. يمكنك العثور عليها في Play Store وApp Store في حالة رغبتك في الحصول على إحدى هذه الأدوات على هاتفك المحمول.
يمكنك الحصول على هذا التطبيق ل آيفون هنا ومن أجل أندرويد هنا.
وهذا كل شيء لهذا اليوم! أخبرنا في التعليقات برأيك في هذه الأدوات والنصائح معرفة مصدر الموقع. الذي كان المفضل لديك؟