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

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



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

كيفية عمل 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 هو واحد منهم فقط. هل تستخدم واحد؟ هل أقنعك هذا المقال بتجربة واحدة جديدة؟ دعنا نعرف أدناه.

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

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

أضف تشغيل كمستخدم مختلف إلى قائمة ابدأ في Windows 10
أضف تشغيل كمستخدم مختلف إلى قائمة ابدأ في Windows 10
سنرى اليوم كيفية إضافة الأمر 'تشغيل كمستخدم مختلف' إلى قائمة السياق في قائمة ابدأ في نظام التشغيل Windows 10 باستخدام طريقتين.
كيفية إضافة حساب بريد إلكتروني إلى iPhone 6S
كيفية إضافة حساب بريد إلكتروني إلى iPhone 6S
يتمتع iPhone 6S بمجموعة واسعة من الاستخدامات المختلفة ، ولكن من أكثر الاستخدامات التي يتم التغاضي عنها غالبًا قدرته على إبقائك على اتصال بالآخرين من أي مكان. في حين أن هذا كان أكبر نقطة بيع لـ a
خيارات تطبيق النسخ الاحتياطي واستعادة الصور في Windows 10
خيارات تطبيق النسخ الاحتياطي واستعادة الصور في Windows 10
في نظام التشغيل Windows 10 ، يوجد تطبيق Photos المدمج الذي يسمح بعرض الصور وإجراء التحرير الأساسي ، ويمكنك النسخ الاحتياطي واستعادة خياراتها. لاحقًا ، يمكنك استعادتها عند الحاجة أو نقلها إلى جهاز كمبيوتر آخر أو حساب مستخدم آخر. هذا مفيد جدا.
أفضل 11 برنامجًا يمكنك مشاهدتها على Discovery Plus الآن
أفضل 11 برنامجًا يمكنك مشاهدتها على Discovery Plus الآن
تعرف على ما هو موجود في Discovery Plus هذا الشهر! استخدم هذه القائمة المختصرة للعروض الشائعة على كل قناة Discovery لمعرفة ما يجب مشاهدته بعد ذلك.
مراجعة ScanSoft PaperPort Professional 10
مراجعة ScanSoft PaperPort Professional 10
PaperPort هو أحد الناجين من الماضي البعيد ، عندما تم تجميعه مع الماسح الضوئي الأصلي Visioneer. على الرغم من أن الإصدار الحالي متفوق بشكل كبير على تجسيده الأصلي ، إلا أنه مصمم لأداء مهام متشابهة جدًا ، وإن كان ذلك كثيرًا
كيفية تغيير كلمة مرور مجموعة المشاركة المنزلية في نظام التشغيل Windows 10
كيفية تغيير كلمة مرور مجموعة المشاركة المنزلية في نظام التشغيل Windows 10
في هذه المقالة ، سنرى كيفية تغيير كلمة مرور مجموعة المشاركة المنزلية في Windows 10. توفر ميزة HomeGroup إمكانية مشاركة الملفات بين أجهزة الكمبيوتر.
من أين يتم تنزيل أنظمة أصوات وأنظمة صوت Windows؟
من أين يتم تنزيل أنظمة أصوات وأنظمة صوت Windows؟
طرح هذا السؤال أمس من قبل أحد أصدقائي. لقد شعر بالملل من أصوات Windows الافتراضية ، والتي تكون محدودة للغاية في Windows 8. لقد حاول العثور على بعض أنظمة الصوت الجيدة ، ولكن كل ما وجده هو بعض تطبيقات Stardock المدفوعة ذات تنسيق soundpack الخاص. هذا جعله غير سعيد حقًا ، لذلك قررنا