فونٹ سائز (PX بمقابلہ EM بمقابلہ REM) کی گہرائی کی تفہیم

فونٹ سائز کی تفہیم

فونٹ سائز ویب میں ایک بہت اہم کردار ادا کرتا ہے ، فونٹ سائز سی ایس ایس کی خصوصیات میں سے ایک ہے ، فونٹ سائز یا متن کے سائز کی وضاحت یہ ہے کہ کسی ویب صفحے پر حروف کتنے بڑے دکھائے جاتے ہیں۔ ایک فونٹ عام طور پر پوائنٹس (pt) میں ماپا جاتا ہے اور عام طور پر پکسل (px) میں متعین ہوتا ہے۔

کسی بھی ویب پیج کے بیس فونٹ سائز (باڈی فونٹ سائز) کو ڈیفالٹ کرکے 16px ہے ، جب تک کہ ہم خود اپنی مرضی کے مطابق فونٹ سائز کی وضاحت نہ کریں۔
فونٹ سائز پراپرٹی مندرجہ ذیل طریقوں میں سے ایک میں بیان کی گئی ہے۔

1. مطلق سائز یا رشتہ دار سائز
2. لمبائی یا فیصد (بطور والدین عنصر کے فونٹ سائز کے مطابق)

بنیادی ترکیب

فونٹ کا بنیادی نحو

مطلق سائز
xx- چھوٹے ، x- چھوٹے ، چھوٹے ، xx- بڑے ، x- بڑے ، بڑے
مطلق سائز والے کلیدی الفاظ کے ساتھ فونٹ کا سائز والدین عنصر کے فونٹ سائز کے لحاظ سے بڑا یا چھوٹا ہوگا۔

رشتہ دار سائز
چھوٹا ، بڑا

لمبائی سائز
لمبائی میں بیان کردہ فونٹ کا سائز ہمیشہ مثبت قدر ، استعمال شدہ فونٹ سے متعلقہ اکائیوں جیسے ایم اور پییکس رہے گا

فیصد کا سائز
فیصد کے ساتھ فونٹ کا سائز ہمیشہ مثبت قدر اور والدین کے عنصر کے فونٹ سائز کے لحاظ سے ہوگا

جسم میں فونٹ سائز کی وضاحت کریں

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

فونٹ سائز ان پکسل (Px)

پکسل میں فونٹ سائز کی وضاحت کرنا اچھا عمل نہیں ہے۔ یہ تب ہی اچھا ہوگا جب آپ پکسل کے بہترین ڈیزائن کا انتظام کر رہے ہو۔
 پکسل (px) ایک مستحکم قیمت ہے ، px ایک OS سے آزاد اور کراس براؤزر ہے جو براؤزرز کو بتاتا ہے کہ حرف آپ کی اونچائی کے عین مطابق پکسلز کی تعداد پر پیش کریں۔ نتائج براؤزرز میں تھوڑا سا مختلف ہو سکتے ہیں ، کیونکہ اسی طرح کا اثر حاصل کرنے کے لئے ہر براؤزر مختلف الگورتھم اور نقطہ نظر کا استعمال کرتا ہے۔
 جب آپ پکسل (px) میں فونٹ سائز کی وضاحت کرتے ہیں تو ، آپ کو جوابی طور پر صفحہ کا نظم کرنے کے لئے کچھ اضافی سی ایس ایس لکھنے کا سامنا کرنا پڑ سکتا ہے۔ اور آپ کو ہر بریک پوائنٹ میں سی ایس ایس لکھنا پڑتا ہے۔

EM میں فونٹ سائز

فونٹ سائز کی وضاحت کا ایک اور طریقہ ان کی قدروں کے ساتھ ہے۔ ایک ایم ویلیو کا سائز متحرک ہوتا ہے۔ جب ہم ان میں فونٹ سائز کی وضاحت کرتے ہیں تو اس کا انحصار والدین عنصر کے سائز پر ہوتا ہے۔
 اگر ہم نے والدین کے لئے فونٹ سائز متعین نہیں کیا ہے تو پہلے سے طے شدہ طور پر یہ براؤزر کے فونٹ کا سائز لے گا ، یعنی 16 پکس۔
 ان کے ساتھ جاننے کے لئے سب سے اہم چیزیں یہ ہے کہ ، یہ ہمیشہ اپنے والدین کے فونٹ سائز پر منحصر ہوتا ہے۔ لہذا اگر آپ گھونسے والے عنصر میں فونٹ کی وضاحت کررہے ہیں تو آپ کو فونٹ کا سائز طے کرنے کے ل this اسے اپنے ذہن میں رکھنا چاہئے۔

پکسل تا ایم تبادلوں

REM میں فونٹ سائز

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

EM اور REM کے ساتھ نیسڈڈ عناصر کے مابین فرق

ئیم کے ساتھ نیسڈ عنصرآر ای ایم کے ساتھ نیسڈ عنصر

ریف: https://developer.mozilla.org/en-US/docs/Web