سواء كنت مهتمًا بالتصميم أو تحب مظهر موقع ويب معين ، فإن معرفة نوع الخط الذي يستخدمه الموقع وحجمه يمكن أن يساعدك على محاكاته أو استخدامه على موقع الويب الخاص بك. هناك عدة طرق لتحقيق ذلك ، وسأعرض عليكم بعضًا منها هنا. لذا ، إذا كنت تريد التحقق من نوع الخط وحجمه على موقع ويب ، فتابع القراءة!
مع وجود الملايين من الخطوط الموجودة فعليًا ، يمكن أن يستغرق العثور على الخط المثالي وقتًا أطول مما ينبغي. عندما تكتشف شيئًا جيدًا ، فأنت بحاجة إلى معرفة ما هو موجود هناك وبعد ذلك ، وإلا فقد تفقده إلى الأبد. إذا كان جيدًا بشكل خاص ، فيمكنك استخدامه على موقع الويب الخاص بك ، كخط Office أو داخل Windows اعتمادًا على نوع الخط. فقط تأكد من أن تضع في اعتبارك أن بعض الخطوط محمية بحقوق الطبع والنشر وليست متاحة للاستخدام العام.
التحقق من نوع الخط وحجمه على موقع الويب
هناك عدة طرق للتحقق من نوع الخط وحجمه على أي موقع ويب. أسهل طريقة تستخدم المتصفح نفسه ، بينما يستخدم الآخرون أدوات الطرف الثالث لتحديد أصول الصفحة. سأغطي كلا النوعين. أولاً ، سنركز على طريقة المتصفح المضمنة.
- انقر بزر الماوس الأيمن على الصفحة التي تريد شكلها وحددها تدقيق العنصر (ثعلب النار)، فحص (كروم) ، أو F12ادوات المطورين (حافة).
- يختار مفتش (Firefox) أو محسوب (Chrome) في النوافذ السفلية الجديدة وانتقل لأسفل على اليمين حتى تصل الخط أو حجم الخط. يجب أن يُظهر عائلة الخط والخط المحدد المستخدم وحجمه ولونه وأي شيء آخر تحدده الصفحة.
تعرض CMS المختلفة وتصميمات الويب المختلفة معلومات الخط الخاصة بهم بطرق مختلفة. جرب هذه الطريقة على عدد قليل من صفحات الويب ومن المحتمل أن ترى عدة طرق مختلفة لتعريف الخطوط.
أدوات الطرف الثالث لتحديد نوع الخط وحجمه
هناك عدد قليل من الوظائف الإضافية التابعة لجهات خارجية والتي تعمل إما كمكونات إضافية أو تطبيقات مختصرة ويمكنها تحديد أنواع الخطوط. إنها تعمل مع معظم المتصفحات ، بما في ذلك Safari ، لذا يجب أن تجد شيئًا يمكنك العمل به دون الكثير من المتاعب.
فايربوغ
اعتاد Firebug أن يكون أداة تصحيح أخطاء Firefox فقط للمطورين. لقد أصبح شائعًا جدًا لدرجة أنه أصبح الآن محايدًا للمتصفح وسيعمل مع معظم المتصفحات. إنها أداة متعددة الاستخدامات بشكل لا يصدق يمكنها التحقق من أي عنصر في صفحة الويب ، بما في ذلك الخط.
- فقط قم بتثبيت الوظيفة الإضافية كما تفعل عادةً ، وقم بتمييز بعض النص على الصفحة ، وانقر فوق علامة التبويب HTML داخل Firebug ، ثم انقر فوق "محسوبة" على اليمين. يجب أن يبرز Firebug اسم الخط وعائلة الخط والحجم والوزن وكل ما تريد معرفته.
ومع ذلك ، ضع في اعتبارك أنه تم إيقاف Firebug اعتبارًا من عام 2017. ولا يزال من الممكن تنزيل الإصدارات القديمة منه ، ولكن لن يتم تحديثها بعد الآن ، ومن المحتمل أن يفقد Firebug وظائفه مع تطور المتصفحات.
WhatFont
WhatFont هو تطبيق مختصر يمكنه تحديد الخطوط على صفحات الويب. اسحب التطبيق المختصر إلى شريط الإشارات واستخدمه لتحديد أي خط تقريبًا في أي مكان. إنه مجاني للاستخدام ومباشر للغاية. انتقل إلى صفحة الويب التي تريدها ، وانقر على الإشارة المرجعية ، وحوم فوق الخط الذي تريد تحديده. يظهر فوقه مربع أسود صغير يخبرك بالخط.
نظرًا لأنه تم تحديثه ، فقد أصبح متوافقًا مع الوظائف الإضافية ذات الصلة.
مرة أخرى ، بناءً على كيفية تكوين CMS أو كيفية تصميم الصفحة ، سيكون هذا إما تحديدًا بسيطًا للخط أو مربعًا كاملاً يمنحك الحجم واللون والوزن وما إلى ذلك.
هناك الكثير من الوظائف الإضافية لنوع الإشارات المرجعية التي يمكنها تحديد الخطوط ؛ WhatFont هو واحد منهم فقط. هل تستخدم واحد؟ هل أقنعك هذا المقال بتجربة واحدة جديدة؟ اسمحوا لنا أن نعرف أدناه.