رئيسي آخر كيفية التحقق من حجم الخط والوجه على موقع ويب

كيفية التحقق من حجم الخط والوجه على موقع ويب



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

كيفية عمل gif صورة ملفك الشخصي على facebook
كيفية التحقق من حجم الخط والوجه على موقع ويب

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

تحقق من نوع الخط وحجمه على موقع الويب

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

  1. انقر بزر الماوس الأيمن على الصفحة التي تعجبك شكلها وحدد فحص العنصر (Firefox) أو فحص (Chrome) أو F12 Developer Tools (Edge).
  2. حدد المفتش (Firefox) في النوافذ السفلية الجديدة وانتقل لأسفل على اليمين حتى تصل إلى الخط. يجب أن يُظهر عائلة الخط والخط المحدد المستخدم وحجمه ولونه وأي شيء آخر تحدده الصفحة.

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

كيف تتحقق من نوع الخط وحجمه على موقع ويب 2

أدوات الطرف الثالث لتحديد نوع الخط وحجمه

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

فايربوغ

اعتاد Firebug أن يكون أداة تصحيح أخطاء Firefox فقط للمطورين. لقد أصبح شائعًا جدًا لدرجة أنه أصبح الآن محايدًا للمتصفح وسيعمل مع معظم المتصفحات. إنها أداة متعددة الاستخدامات بشكل لا يصدق يمكنها التحقق من أي عنصر في صفحة الويب ، بما في ذلك الخط.

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

ومع ذلك ، ضع في اعتبارك أنه تم إيقاف Firebug اعتبارًا من عام 2017. ولا يزال من الممكن تنزيل الإصدارات القديمة منه ، ولكن لن يتم تحديثها بعد الآن ، ومن المحتمل أن يفقد Firebug وظائفه مع تطور المتصفحات.

كيفية حذف كل شيء على الايفون

كيف تتحقق من نوع الخط وحجمه على موقع ويب 3

WhatFont

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

كيفية إيقاف تشغيل وضع التصفح المتخفي على الهاتف

نظرًا لأنه تم تحديثه ، فقد أصبح متوافقًا مع الوظائف الإضافية ذات الصلة.

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

هناك الكثير من الوظائف الإضافية لنوع الإشارات المرجعية التي يمكنها تحديد الخطوط ؛ WhatFont هو واحد منهم فقط. هل تستخدم واحد؟ هل أقنعك هذا المقال بتجربة واحدة جديدة؟ دعنا نعرف أدناه.

مقالات مثيرة للاهتمام

اختيار المحرر

مراجعة Pinnacle Studio Plus 10
مراجعة Pinnacle Studio Plus 10
على مدى السنوات القليلة الماضية ، كان Pinnacle هو المفترس الذي يبتلع فريسة إنشاء الوسائط الرقمية الأخرى ، من miro إلى Fast و Steinberg. ولكن هناك دائمًا أكلة لحوم أكبر ، وقد التقى Pinnacle مؤخرًا بمطابقته في Avid. يكاد يكون مرادفًا لـ
كيفية إصلاح التخزين المؤقت المستمر على Disney Plus
كيفية إصلاح التخزين المؤقت المستمر على Disney Plus
Disney Plus هي خدمة بث عمرها شهرين فقط. مع وضع ذلك في الاعتبار ، لا يمكنك أن تتوقع أن تكون خالية من العيوب. هناك بعض مشكلات Disney Plus الشائعة كما أبلغ عنها المستخدمون ، مثل
اجعل الأفلام والتلفزيون تلعب دائمًا بملء الشاشة في Windows 10
اجعل الأفلام والتلفزيون تلعب دائمًا بملء الشاشة في Windows 10
Movies & TV هو تطبيق مضمن مع Windows 10. وهو بديل لـ Media Center و Media Player. يمكنك جعله يبدأ التشغيل دائمًا في وضع ملء الشاشة.
يتضمن Chrome Canary الآن علامة لتمكين Tab Search
يتضمن Chrome Canary الآن علامة لتمكين Tab Search
يتوفر تحديث صغير لميزة Tab Search المفيدة في أحدث إصدار من Chrome Canary 88.0.4300.0. الآن يمكن تمكينه بعلامة ، دون تعديل الاختصار. حاليًا ، عند فتح علامات تبويب متعددة ، سيقل عرضها حتى تتمكن من رؤية الرمز فقط. المزيد من علامات التبويب المفتوحة ستجعل الرمز
التصويت السلبي على Facebook ، وهو ما يعادل زر 'عدم الإعجاب' في الموقع ، متاح الآن لمزيد من المستخدمين
التصويت السلبي على Facebook ، وهو ما يعادل زر 'عدم الإعجاب' في الموقع ، متاح الآن لمزيد من المستخدمين
يبدو أن زر Facebook downvote ، على غرار الزر الذي يظهر على Reddit والمشابه لزر Facebook Dislike ، متاح الآن لمزيد من المستخدمين بعد ظهوره على الموقع في أستراليا ونيوزيلندا. خيار التصويت معارِض
إصلاح الآلة الحاسبة لا يفتح في نظام التشغيل Windows 10
إصلاح الآلة الحاسبة لا يفتح في نظام التشغيل Windows 10
مثل تطبيقات المتجر (UWP) الأخرى ، يمكن أن تواجه الحاسبة الجديدة في Windows 10 مشكلات. في بعض الأحيان يرفض البدء أو ينهار بصمت. هنا حل بديل.
10 طرق لتحسين أداء الألعاب على الكمبيوتر المحمول الخاص بك
10 طرق لتحسين أداء الألعاب على الكمبيوتر المحمول الخاص بك
لا يمكن تعطيل الإعلانات التلقائية برمجيًا على الصفحة ، ها نحن ذا!