تلعب الخطوط دورا مهما في التصميم المرئي لمواقع الويب. عند زيارة موقع ويب ، قد تتساءل عن الخط المستخدم لعرض النص. يمكن أن يكون تحديد الخط المستخدم مفيدا لمطوري الويب والمصممين وكذلك للمستخدمين الفضوليين فقط.
هناك عدة طرق بسيطة لتحديد الخط المستخدم على الموقع. واحد منهم هو استخدام أدوات مطور متصفح الويب. تتيح لك هذه الأدوات عرض الكود المصدري لصفحة الويب ومعرفة الخط المستخدم لعنصر معين. تتوفر هذه المعلومات عادة في قسم الأنماط أو مفتش العناصر. يمكنك عرض جميع الأنماط المطبقة على العنصر المحدد ، بما في ذلك الخط.
هناك طريقة أخرى لتحديد الخط المستخدم وهي استخدام الأدوات عبر الإنترنت التي تسمح لك بتحليل مواقع الويب وعرض معلومات حول الخطوط. بعض هذه الأدوات تسمح لك ببساطة إدخال عنوان الموقع والحصول على معلومات حول الخطوط المستخدمة في هذا الموقع. تتيح لك الأدوات الأخرى تحميل لقطة شاشة لصفحة ويب وتحديد الخطوط مباشرة على الصورة.
بغض النظر عن الطريقة المختارة ، من المهم أن تضع في اعتبارك أن بعض المواقع قد تستخدم خطوطا غير قياسية أو تم إنشاؤها خصيصا قد لا تكون متاحة للاستخدام من قبل الآخرين.
يمكن أن يكون تحديد الخط المستخدم على موقع الويب مفيدا لأغراض مختلفة. على سبيل المثال ، قد يرغب مطورو الويب في استخدام نفس الخط على موقعهم الخاص أو تكييفه لاحتياجات أخرى. بالنسبة للمصممين ، يمكن أن يكون هذا مصدر إلهام لإنشاء خطوطهم الخاصة أو العثور على خيارات بديلة. بالنسبة للمستخدمين ، هذه مجرد معلومات مثيرة للاهتمام حول التصميم المرئي للموقع.
- كيف يمكنني معرفة الخط الذي يستخدم على موقع الويب الخاص بك? دليل مفصل
- استخدم أدوات المطور
- عرض ملفات كس
- استخدام الخدمات عبر الإنترنت
كيف يمكنني معرفة الخط الذي يستخدم على موقع الويب الخاص بك? دليل مفصل
تلعب الخطوط على مواقع الويب دورا مهما في إنشاء مظهر مرئي فريد ونقل المعلومات على الصفحة. إذا كنت مالك موقع ويب أو مطور ويب ، فقد تحتاج إلى معرفة الخط المستخدم على موقعك. في هذا الدليل ، سنلقي نظرة على العديد من الطرق التي ستساعدك على تحديد الخط الذي تستخدمه.
| الطريقة | الوصف | مثال |
|---|---|---|
| 1. استخدام أدوات المطور المستندة إلى المتصفح | افتح موقع الويب الخاص بك في متصفح واستخدم أدوات المطور لمعرفة الخط المستخدم. | 1. انقر بزر الماوس الأيمن على النص المطلوب. |
| 2. حدد "فحص العنصر". | 3. في علامة التبويب الأنماط ، ابحث عن خاصية عائلة الخط. |
|
| عرض رمز هتمل للصفحة والعثور على العنصر المناسب حيث يشار إلى الخط المستخدم. | نموذج النص | 3. استخدام ملحقات المتصفح |
قم بتثبيت ملحق متصفح يسمح لك بتحديد الخطوط المستخدمة على موقع الويب.
أمثلة على الامتدادات: واتفونت ، الباحث عن الخط ، فونتفيس النينجا.
باستخدام أي من هذه الطرق ، يمكنك تحديد الخط المستخدم على موقعك بسرعة وسهولة. يمكن أن تكون هذه معلومات مفيدة إذا كنت بحاجة إلى إجراء تغييرات في التصميم أو الحفاظ على نمط ثابت على الصفحة.
استخدم أدوات المطور
لفتح أدوات المطور في جوجل كروم ، انقر بزر الماوس الأيمن على صفحة الويب وحدد" استكشاف العنصر " من قائمة السياق. سيؤدي هذا إلى فتح شريط أدوات المطور على يمين الشاشة أو أسفلها.
في شريط أدوات المطور ، ابحث عن العنصر الذي تهتم بنصه وحدده. بعد اختيار عنصر ، سترى هيكل هتمل والأساليب المطبقة عليه.
في قسم الأنماط في شريط أدوات المطور ، ستجد معلومات حول الأنماط المطبقة ، بما في ذلك خط العنصر. عادة ما يتم تحديد الخطوط باستخدام خاصية "عائلة الخط". إذا كانت خاصية "عائلة الخط" تحتوي على قيم متعددة ، فسيستخدم المتصفح أول قيمة متاحة.
باستخدام أدوات المطور ، يمكنك أيضا تغيير أنماط العناصر مباشرة أثناء عرض الصفحة. هذا مفيد إذا كنت تريد التحقق من الشكل الذي سيبدو عليه الخط على صفحة الويب الخاصة بك.
يرجى ملاحظة أن أدوات المطور تسمح لك فقط بتحليل التعليمات البرمجية وأنماط صفحة الويب ، ولكنها لا تقدم معلومات حول الخط المستخدم في الصور.
باستخدام أدوات المطور ، يمكنك بسهولة تحديد الخط المستخدم على أي موقع ويب. يمكن أن يكون هذا مفيدا إذا كنت ترغب في معرفة الخط الذي يستخدمه المنافس ، أو مجرد استكشاف تصميم صفحات الويب المختلفة.
عرض ملفات كس
إذا كنت ترغب في معرفة الخط المستخدم على موقع الويب ، فيمكنك عرض ملفات كس. تحتوي ملفات كس على معلومات حول الأنماط التي يتم تطبيقها على عناصر على صفحة ويب ، بما في ذلك الخط.
لعرض ملفات كس ، تحتاج إلى الذهاب إلى رمز صفحة الويب. يمكنك القيام بذلك عن طريق النقر بزر الماوس الأيمن على صفحة ويب وتحديد "عرض رمز الصفحة" أو "استكشاف العنصر".
عادة ما يتم تعريف الخطوط في ملف كس باستخدام خاصية
الخط الأسرة
. ابحث عن هذه الخاصية في ملف كس وفحص قيمتها بعناية. سيكون هذا هو الخط المستخدم على الموقع.
استخدام الخدمات عبر الإنترنت
إذا لم تتمكن من تحديد الخط على موقع ويب باستخدام أدوات المتصفح أو باستخدام محرر التعليمات البرمجية ، فيمكنك دائما استخدام الخدمات عبر الإنترنت التي توفر هذه الفرصة.
واحدة من هذه الخدمات هي ماأداة الخط. تتيح لك هذه الأداة تحديد الخط المستخدم على موقع الويب بمجرد التمرير فوق النص المطلوب. مع ماأداة الخط ، يمكنك معرفة ليس فقط اسم الخط ، ولكن أيضا حجمه ولونه.
خدمة أخرى شعبية على الانترنت هو تيبيكيت. تيبكيت هي مكتبة الخط التي تقدمها أدوبي. يسمح للمستخدمين بتضمين خطوط مختلفة على مواقع الويب الخاصة بهم. إذا وجدت الخط الذي تريد على موقع على شبكة الانترنت يستخدم تيبيكيت ، يمكنك استخدام تيبيكيت لتحديد اسمها.