الانتقال إلى المحتوى الرئيسي

كيفية معرفة الخط المستخدم على الموقع: طرق بسيطة للتوسع

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

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

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

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

يعد استخدام هذه الإضافات طريقة سريعة وسهلة لتعلم الخط على موقع الويب. سوف يساعدونك في اختيار الخط المناسب لمشروعك التالي أو مجرد إرضاء فضولك حول الخطوط المستخدمة في مواقع الويب المختلفة.

طرق تحديد الخط على الموقع

في صفحات الويب ، غالبا ما يكون من الضروري معرفة الخط المحدد الذي تم استخدامه. قد يكون هذا ضروريا لمزيد من التصميم أو التحليل لهيكل الموقع. في هذه المقالة ، سننظر في عدة طرق بسيطة لتحديد الخط على الموقع.

الطريقةالوصف
1. عرض شفرة المصدرتتمثل إحدى أسهل الطرق لتحديد الخط في عرض الكود المصدري لصفحة الويب. افتح الصفحة في المتصفح ، وانقر بزر الماوس الأيمن وحدد" عرض رمز الصفحة "أو"شفرة مصدر الصفحة". استخدم البحث عن الكود (عادة اختصار لوحة المفاتيح كترل+ و) وأدخل الكلمات الرئيسية المتعلقة بخصائص كس للخط ، على سبيل المثال ، "عائلة الخط" أو "حجم الخط" أو "وزن الخط". ونتيجة لذلك ، سترى قواعد كس التي تحدد الخط على الموقع.
2. استخدام أدوات المطورتقدم متصفحات الويب الحديثة (مثل جوجل كروم أو موزيلا فايرفوكس) أدوات مطور قوية تتيح لك استكشاف بنية صفحة الويب وتحليل الأنماط المستخدمة. افتح الصفحة في المتصفح المناسب ، واضغط على الفورمولا 12 لفتح أدوات المطور ، وابحث عن عنصر الصفحة المطلوب. في قسم الأنماط في شريط أدوات المطور ، يمكنك العثور على معلومات حول الأنماط المستخدمة ، بما في ذلك الخطوط.
3. استخدام الأدوات عبر الإنترنتهناك أدوات عبر الإنترنت تسمح لك بتحليل الخطوط المستخدمة على صفحة الويب دون الحاجة إلى عرض الكود أو استخدام أدوات المطور. فقط أدخل عنوان ورل للموقع في مثل هذه الأداة ، وسوف تظهر لك معلومات حول الخطوط المستخدمة على الصفحة.
4. استخدام ملحقات المتصفحهناك ملحقات ملائمة لمتصفحات الويب تسمح لك بتحديد الخط المستخدم على الموقع. قم بتثبيت الامتداد المناسب لمتصفحك وقم بتنشيطه على الصفحة المطلوبة. تقدم الإضافات عادة معلومات إضافية حول الخطوط ، مثل الحجم والوزن واللون.

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

نحن ننظر إلى رمز كس

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

لمعرفة الخط المستخدم للعنصر المحدد ، ابحث عن خاصية كس المقابلة "عائلة الخط" في رمز كس.

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

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

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

المزاياالعيوب
طريقة موثوقة لتحديد الخط المستخدممطلوب معرفة العمل مع أدوات المطور
يمكنك معرفة الخط على العنصر المحدد أو على الموقع بأكملهيمكن ضغط بعض رموز كس أو تحسينها.