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