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