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