كيفية معرفة اسم الخط المستخدم على الموقع

يعد الخط جزءا مهما من تصميم الويب ، مما يساعد على ترتيب النص بصريا وخلق الحالة المزاجية الصحيحة. في بعض الأحيان ، عند زيارة موقع تهتم به ، تريد معرفة الخط المستخدم. في هذه المقالة ، سنخبرك ببعض الطرق البسيطة التي يمكنك استخدامها لتحديد اسم الخط على الموقع.

الطريقة الأولى هي استخدام أدوات مطور الويب المتوفرة في معظم المتصفحات الحديثة. ما عليك سوى النقر بزر الماوس الأيمن على النص الذي تهتم به وتحديد الخيار "استكشاف العنصر" أو "عرض الرمز" ، اعتمادا على متصفحك. في نافذة مطور الويب التي تظهر ، ابحث عن العنصر المطلوب واضبط التركيز عليه. ثم اعرض الأنماط المطبقة على العنصر وابحث عن خاصية عائلة الخط. سيتم الإشارة إلى اسم الخط المستخدم على الموقع هنا.

إذا كنت مهتما بخط يتم استخدامه في جميع أنحاء الموقع وليس على العناصر الفردية ، فإن أفضل طريقة هي استخدام خدمات تحليل الخطوط. على سبيل المثال ، الخط السنجاب أو واتفونتيس تسمح لك بتحميل صورة مع نص الخط وتحديد اسمها تلقائيا. يمكنك أيضا استخدام ملحقات المستعرض التي تقدم ميزات مماثلة.

1. كيفية معرفة اسم الخط على الموقع
2. طرق تحديد الخط الحالي
3. استخدام أدوات المطور
4. فحص عنصر صفحة ويب
5. استخدام الخدمات عبر الإنترنت للتعرف على الخطوط

كيفية معرفة اسم الخط على الموقع

1. البحث في شفرة المصدر للصفحة: افتح الكود المصدري للصفحة في المتصفح (يمكن القيام بذلك عادة عن طريق النقر بزر الماوس الأيمن واختيار "عرض رمز الصفحة"). في البحث ، ابحث عن سلسلة تبدأ بـ "عائلة الخط" أو "الخط:". سيتم الإشارة إلى اسم الخط المستخدم على الموقع بجواره.

2. استخدام أدوات مطور المتصفح: تحتوي معظم المتصفحات الحديثة على أدوات مطور مدمجة تتيح لك استكشاف جوانب مختلفة من صفحة الويب. افتح أدوات المطور (عادة يمكنك القيام بذلك عن طريق الضغط على الفورمولا 12) وحدد الأداة لتحديد العناصر في الصفحة. ثم انقر فوق النص باستخدام الخط الذي تهتم به ، وفي قسم الأنماط ، ابحث عن السطر المقابل مع "عائلة الخط".

3. استخدام الأدوات عبر الإنترنت: هناك العديد من الأدوات عبر الإنترنت التي تساعد في تحديد الخطوط على صفحات الويب. ما عليك سوى لصق عنوان ورل للصفحة أو لقطة الشاشة في الحقل المناسب على موقع الأداة ، وسيعرض معلومات حول الخطوط المستخدمة في الصفحة.

باستخدام هذه الطرق ، يمكنك بسرعة وسهولة معرفة اسم الخط على الموقع. ستساعدك معرفة الخطوط المستخدمة في تصميم موقع الويب الخاص بك أو اختيار الخطوط المناسبة لمشاريعك.

طرق تحديد الخط الحالي

هناك عدة طرق لتحديد الخط الحالي المستخدم على موقع الويب:

1. أدوات مطور متصفح الويب. توفر العديد من متصفحات الويب الحديثة أدوات للمطورين تسمح لك بتحليل الكود المصدري لصفحة الويب ، بما في ذلك الأنماط والخطوط. باستخدام هذه الأدوات ، يمكنك بسهولة تحديد الاسم وحجم الخط المستخدم على الموقع.
2. خدمات الكشف عن الخط والإضافات. هناك العديد من الخدمات عبر الإنترنت وامتدادات المتصفح التي تسمح لك بتحديد الخطوط على موقع الويب. توفر بعض هذه الخدمات القدرة على تحميل لقطة شاشة أو تحديد عنوان ورل للصفحة للتحليل ، بينما تسمح لك الإضافات الأخرى بالمرور فوق النص على صفحة الويب والحصول على معلومات حول الخط.
3. عرض شفرة المصدر للصفحة. يحتوي الكود المصدري لصفحة الويب على معلومات حول الأنماط ، بما في ذلك الخطوط. باستخدام الأمر" عرض شفرة المصدر " أو وظيفة متصفح مماثلة ، يمكنك فتح شفرة المصدر للصفحة وعرض الخطوط المستخدمة وإعداداتها.

باستخدام هذه الطرق ، يمكنك بسهولة تحديد الخطوط المستخدمة على أي موقع ويب والحصول على المعلومات اللازمة عنها.

استخدام أدوات المطور

إذا كنت تريد معرفة اسم الخط المستخدم على الموقع ، فيمكنك استخدام أدوات مطور متصفح الويب. تتيح لك هذه الأدوات تحليل الكود المصدري للصفحة ومعرفة معلومات حول الأنماط المطبقة.

1. افتح مستعرض ويب وانتقل إلى الصفحة التي تريد معرفة اسم الخط فيها.
2. انقر بزر الماوس الأيمن على عنصر النص الذي تريد معرفة خطه.
3. حدد "استكشاف العنصر" أو عنصر مشابه في قائمة السياق لفتح أدوات المطور.
4. في أدوات المطور ، ابحث عن كتلة مفتش العناصر التي تعرض الكود المصدري للصفحة.
5. حرك مؤشر الماوس فوق العنصر المفتوح وابحث عن القسم الذي يحتوي على أنماط كس أو القواعد المطبقة على هذا العنصر.
6. في قسم الأنماط ، ابحث عن خاصية" عائلة الخط". تشير قيمة هذه الخاصية إلى الخط المستخدم.

توفر أدوات مطور متصفح الويب العديد من الاحتمالات لتحليل الصفحة وتعديلها. يمكن أن يساعدك استخدام هذه الأدوات في معرفة ليس فقط اسم الخط ، ولكن أيضا الخصائص الأخرى للأنماط المطبقة على العناصر الموجودة على الموقع.

فحص عنصر صفحة ويب

لاستخدام "مفتش العناصر" ، تحتاج إلى فتح صفحة الويب حيث يوجد عنصر الاهتمام والنقر بزر الماوس الأيمن فوقه. في قائمة السياق التي تظهر ، حدد عنصر" فحص العنصر".

بعد تحديد هذا العنصر ، سيتم فتح "مفتش العنصر" ، والذي سيعرض رمز هتمل بالكامل للصفحة ، بالإضافة إلى تمييز العنصر المحدد فيه. سيتم عرض الأنماط المطبقة على هذا العنصر في اللوحة اليمنى لمفتش العنصر.

لمعرفة اسم الخط المستخدم في العنصر ، ابحث عن خاصية" عائلة الخط " في قائمة الأنماط. قيمة هذه الخاصية سوف تظهر اسم الخط. في كثير من الأحيان ، لتحديد خطوط مختلفة بأنماط مختلفة (على سبيل المثال ، غامق أو مائل) ، يتم استخدام قائمة مفصولة بفواصل تسرد الخطوط المختلفة وإصداراتها الاحتياطية.

باستخدام الطريقة الموضحة أعلاه ، يمكنك بسهولة وبسرعة معرفة اسم الخط المستخدم على صفحة الويب واستخدامه إذا لزم الأمر.

استخدام الخدمات عبر الإنترنت للتعرف على الخطوط

إذا كنت تريد معرفة اسم الخط المستخدم في موقع معين ، فيمكنك استخدام العديد من الخدمات عبر الإنترنت. ستساعدك هذه الخدمات في تحديد الخط دون الحاجة إلى دراسة الكود المصدري للصفحة.

واحدة من هذه الخدمات هو ماثيفونت من ميفونتس. لاستخدامها ، ما عليك سوى تحميل لقطة شاشة أو إدخال عنوان ورل للصفحة المطلوبة. ثم ستقوم الخدمة بتحليل الصورة ومحاولة تحديد الخط المستخدم.

خدمة شعبية أخرى هي ديفيندونت. يسمح لك بتحديد الخط عن طريق طرح عدد من الأسئلة حول ميزاته. اختر الإجابات المناسبة على الأسئلة وستقوم الخدمة بتضييق قائمة الخطوط المحتملة تدريجيا.

ومن الجدير بالذكر أيضا الخدمات مافونتيس والخط السنجاب ، والتي توفر أيضا فرصة لتحديد اسم الخط المستخدم على الموقع. وهي تعمل بطريقة مماثلة-تحاول الخدمات التعرف على الخط من الصورة التي تم تحميلها أو من عنوان ورل الصفحة واقتراح اسمها.

اعتمادا على تفضيلاتك الشخصية ومتطلبات خدمة معينة ، يمكنك اختيار خدمة التعرف على الخطوط عبر الإنترنت التي تناسبك. سيسمح لك ذلك بمعرفة اسم الخط المستخدم على الموقع الذي تهتم به بسرعة وسهولة.