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