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