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