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