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

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



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

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

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

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

أفضل 11 لاعبًا في لعبة FIFA 16 Ultimate Team
أفضل 11 لاعبًا في لعبة FIFA 16 Ultimate Team
لعبة FIFA 16 Ultimate Team تسبب الإدمان بشكل رهيب. جزء واحد من مجموعة FIFA إلى مجموعة ملصقات أخرى ، فإن رعاية فريقك تدريجيًا من خلال المسروقات المكتسبة من خلال الفوز بالمباريات هي صيغة أكثر سخافة بشكل يبعث على السخرية. بالتأكيد ، ستبدأ بـ لا شيء تقريبًا ، ولكن
كل ما تحتاج لمعرفته حول ورشة عمل Steam
كل ما تحتاج لمعرفته حول ورشة عمل Steam
يعد Steam Workshop مستودعًا للتعديلات والعناصر الأخرى داخل اللعبة التي يمكنك تنزيلها وتثبيتها لألعاب Steam بنقرة زر واحدة.
كيفية عمل صورة GIF متحركة لخلفية Windows
كيفية عمل صورة GIF متحركة لخلفية Windows
إذا كنت تقرأ هذا ، فربما تكون قد رأيت بالفعل التأثير الذي يمكن أن تحدثه خلفية الشاشة المتحركة وقررت أنك تريد واحدة لشاشتك. هناك بعض الأناقة في ورق الحائط الثابت الذي تم اختياره جيدًا وعالي الدقة ،
كيفية منع جهاز MacBook من النوم عندما يكون الغطاء مغلقًا
كيفية منع جهاز MacBook من النوم عندما يكون الغطاء مغلقًا
امنع جهاز MacBook الخاص بك من النوم عندما يكون الغطاء مغلقًا إذا قمت بضبط إعدادات الطاقة، وقم بتوصيل جهاز MacBook وتوصيله بشاشة خارجية.
DTS مقابل Dolby Digital: ما الفرق؟
DTS مقابل Dolby Digital: ما الفرق؟
إن القول بأن Dolby Digital هو نفسه DTS سيكون بمثابة قول إن Star Wars و Star Trek هما نفس الشيء. سيثير هذا البيان غضب عشاق كلا العرضين ، وينطبق الشيء نفسه على عشاق الموسيقى الذين يدافعون عن أي منهما
كيفية عمل أمر echo بدون سطر جديد في Windows
كيفية عمل أمر echo بدون سطر جديد في Windows
يصف كيفية التخلص من حرف السطر الجديد في أمر echo في موجه أوامر Windows
يحصل تطبيق Remote Desktop Store على تحديث ضخم
يحصل تطبيق Remote Desktop Store على تحديث ضخم
بالإضافة إلى تطبيق Remote Desktop الكلاسيكي (mstsc.exe) ، يشتمل Windows 10 على تطبيق حديث يسمى ببساطة 'Microsoft Remote App'. إنه تطبيق UWP يتلقى تحديثات من متجر Microsoft .. أصدرت Microsoft إصدارًا جديدًا من التطبيق إلى Insiders مع الكثير من الميزات والتحسينات الجديدة ، بما في ذلك دعم الوضع الفاتح والظلام ،