ٹیگ:

< جسم >
< div کلاس = 'مواد' >
< h1 > لینکس اشارے میں خوش آمدید۔ < / h1 >
< ص > ایک مقبول پورٹل ویب سائٹ لینکس اشارہ کمپیوٹر سائنس کے موضوعات کے بارے میں بہت اچھی معلومات فراہم کر رہی ہے۔ < / ص >
< / div >
< / جسم >

مرحلہ 2: CSS کا اطلاق کریں۔
سب سے پہلے، سیٹ کریں ' حرف کا سائز 'سے' 16px 'اور' لائن کی اونچائی' سے ' 1.5 ' مزید برآں، کے لیے فونٹ بھی ترتیب دیں۔

اور

ٹیگز:

جسم {
فونٹ فیملی: sans-serif؛
فونٹ- سائز : 18px;
لائن- اونچائی : 1.5 ;
}

h1 {
متن- سیدھ میں لانا : مرکز
فونٹ- سائز : 26px;
}

ص {
فونٹ- سائز : 18px;
}

آؤٹ پٹ
یہاں کوڈ کا ایک آؤٹ پٹ ہے جو اسکرین کے تمام سائز کے لیے موزوں ہے:

---

---

مرحلہ 3: میڈیا استفسار کا اطلاق کریں۔

• سب سے پہلے، ذکر کریں '@ذکر' ٹیگ کریں اور اسکرین کے سائز کی وضاحت کریں ' 768px ' کرنے کے لئے ' زیادہ سے زیادہ چوڑائی ' جائیداد. یہ اسکرین کا سائز ان تمام اسکرینوں پر لاگو ہوگا جن کا سائز 'کے برابر یا اس سے کم ہے۔ 768px '
• اس کے بعد، کے لیے فونٹ سائز کی وضاحت کریں۔ ,

  ، اور

  ٹیگز:

@ میڈیا ( زیادہ سے زیادہ چوڑائی : 768px ) {
جسم {
فونٹ- سائز : 16px;
لائن- اونچائی : 1.5 ;
}

h1 {
فونٹ- سائز : 22px;
}

ص {
فونٹ- سائز : 14
}
}

ذیل میں میڈیا استفسار کو لاگو کرنے کے بعد ایک آؤٹ پٹ ہے۔ میڈیا استفسار ان آلات کے لیے ڈیزائن کیا گیا تھا جن کی اسکرین کا سائز ' کے برابر یا اس سے کم ہے 768px ”:

نتیجہ

فونٹ سائزنگ کے ساتھ پڑھنے کی اہلیت کو بڑھانے کے لیے، سب سے پہلے پڑھنے کی اہلیت اور فونٹ کے سائز کا احساس پیدا کریں۔ مزید یہ کہ فونٹ کے مختلف سائز اور فونٹ ٹیگز کو سمجھیں۔ مناسب فونٹ سائز کا انتخاب کریں اور پھر مناسب لائن کی اونچائی کا انتخاب کریں۔ عام طور پر، لائن کی اونچائی فونٹ کے سائز سے 1.2 گنا ہوتی ہے۔ مزید برآں، فونٹ فیملی کا انتخاب کریں جو ویب مواد کے لیے موزوں ہو۔ اس مضمون نے فونٹ کے سائز کے ساتھ پڑھنے کی اہلیت کو بڑھانے کا عملی طریقہ دکھایا ہے۔