سی ایس ایس میں فانٹ کا بہترین استعمال کیسے کریں؟

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

• سی ایس ایس میں فونٹ
• سی ایس ایس فونٹ میں اوصاف
• فونٹ طرز وصف
• فونٹ وزن وصف
• فونٹ سائز وصف
• فونٹ فیملی وصف

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

غیر دخل اندازی پڑھنے کی اہلیت - آپ دفتر میں رہتے ہوئے میچ کا تازہ ترین اسکور دیکھنا چاہتے ہیں۔ ظاہر ہے کہ آپ کوئی تیز ویڈیو ٹیکسٹ اپ ڈیٹ چاہتے ہیں ، نہ کہ کوئی ویڈیو۔
کم نیٹ ورک بینڈوتھ کی ضرورت - متناسب انٹرنیٹ کنیکٹیویٹی علاقوں میں بھی ٹیکسٹ مواد کو لوڈ کیا جاسکتا ہے ، جبکہ امیر میڈیا نہیں کرسکتا۔
دوستانہ تلاش - ویب سائٹس ہمیشہ اس بات پر نگاہ رکھیں کہ ان کے مواد کو سرچ انجنوں پر کتنی آسانی سے نوٹ کیا جاتا ہے۔ اس کے لئے متن بہترین موزوں ہے ، کم از کم اس وقت تک جب تک کہ AI مکمل طور پر انٹرنیٹ پر قبضہ نہ کرے!

c ++ انضمام کریں کوڈ

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

سی ایس ایس کے ایک جامع ٹیوٹوریل کے لئے ، ابتدائیوں کے لئے ایڈیورکا سی ایس ایس ٹیوٹوریل ملاحظہ کریں۔ HTML ویب ڈیزائن کو بڑھانے کے لئے جس طرح سی ایس ایس کا استعمال کیا جارہا ہے اس پر آپ کو ایک عمدہ ہیڈ اپ ملے گی۔

سی ایس ایس میں فونٹس پر اس مضمون کے ساتھ آگے بڑھ رہے ہیں

سی ایس ایس میں فونٹ

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

مثال 1: مختلف فونٹس میں عنوانات اور پیراگراف

باڈی {بیک گراؤنڈ رنگ: لائٹ بلو} ایچ 1 {فونٹ: بولڈ 30px ایرئل ، سانس سیریف} ایچ 2 {فونٹ: 15px رنگانا} p {فونٹ: italic بولڈ 12px / 30px جارجیا ، سیرف
جزوی بولڈ جارجیا فونٹ میں پیراگراف
 

 مثال 1: آؤٹ پٹ 

مثال 1 میں ، ہمارے پاس مختلف فونٹس میں متن کی 3 مختلف لائنیں ہیں۔ آپ دیکھیں گے کہ ہر ایک فونٹ ان کے کردار کی چوڑائیوں ، اشاریہ جات وغیرہ میں مختلف ہوتا ہے۔

سی ایس ایس میں فونٹس پر اس مضمون کے ساتھ آگے بڑھ رہے ہیں

سی ایس ایس فونٹ میں اوصاف

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

مثال 1 میں ، ہم عنوانات اور پیراگراف کے لئے فونٹ کے مختلف نام استعمال کرتے ہیں۔ H1 اور p ٹیگز کے تحت ، ہمیں دو فونٹ کے نام درج ہیں ، جبکہ H2 ٹیگ کے نام صرف ایک فونٹ ہیں۔ یہ فونٹ فیملی کی تعریف ہے ، اس کے بارے میں مزید بعد میں۔

سی ایس ایس میں فونٹس پر اس مضمون کے ساتھ آگے بڑھ رہے ہیں

فونٹ طرز وصف:

دو بنیادی شیلیوں کو 'عام' اور 'ترچک' مقرر کیا جاسکتا ہے۔ سمجھا جاتا ہے کہ ترچھی فطرت میں ایک طمانچہ کے ساتھ لعنت ہے۔ عمومی سیدھا سیدھا اختیار ہے۔ یہاں ایک اور کم استعمال شدہ آپشن ہے جسے ’ترچھا‘ کہا جاتا ہے ، جو زیادہ تر فونٹس میں اٹالک آپشن سے مشابہت رکھتا ہے۔ آپ اسٹائل کو ’وارث‘ کرنے کے لئے بھی ترتیب دے سکتے ہیں تاکہ وہ فونٹ اسٹائل کو اپنے بنیادی عنصر سے لے سکے۔

سی ایس ایس میں فونٹس پر اس مضمون کے ساتھ آگے بڑھ رہے ہیں

فونٹ وزن وصف

یہ وصف فیصلہ کرتی ہے کہ فونٹ گاڑھا ہونا چاہئے یا پتلا۔ اسے '' نارمل '' یا '' بولڈ '' پر سیٹ کیا جاسکتا ہے۔ پہلے سے طے شدہ قیمت عام ہے۔ یہ قدر عددی طور پر بھی مقرر کی جاسکتی ہے۔ 400 کا وزن معمول کی نمائندگی کرتا ہے اور 700 بولڈ کے لئے۔ کچھ دوسری ترتیبات موجود ہیں (100 سے انتہائی ہلکے سے 900 تک - بہت جرات مندانہ) ، لیکن ان کو تمام فونٹس تعاون نہیں کرتے ہیں۔ وزن کے تمام آپشنز مثال 3 میں دکھائے گئے ہیں۔

سی ایس ایس میں فونٹس پر اس مضمون کے ساتھ آگے بڑھ رہے ہیں

فونٹ سائز وصف:

سائز کا وصف متعدد طریقوں سے طے کیا جاسکتا ہے۔ آئیے ذیل میں ان طریقوں کی فہرست دیں۔
● گنتی والی قدر جیسے 'میڈیم' ، 'بڑے'۔ در حقیقت لباس کے سائز کی طرح ، اقدار XX چھوٹے سے XX بڑے تک کی ہوسکتی ہیں!
its اس کے بنیادی عنصر کے بطور ’بڑے‘ یا ’چھوٹے‘ کو متعین کریں۔
element والدین کے عنصر کے سائز کی فیصد.
the براہ راست بنیادی عنصر کے سائز کو اپنانے کے لئے بطور ’وراثت‘ مقرر کریں۔
p px (پکسلز) ، pt (پوائنٹس) یا سینٹی میٹر (سنٹی میٹر) کی اکائیوں میں مطلق قیمت کے طور پر
اس پیرامیٹر کے لئے ’میڈیم‘ ڈیفالٹ ویلیو سیٹ ہے۔

سی ایس ایس میں فونٹس پر اس مضمون کے ساتھ آگے بڑھ رہے ہیں

فونٹ فیملی وصف:

ایچ ٹی ایم ایل میں ، سی ایس ایس فونٹ فیملی فونٹ کا نام ترتیب دینے کے لئے ہے۔ آپ ٹیگ کے ساتھ صرف ایک ہی فونٹ کا نام رکھ سکتے ہیں۔ یا آپ متعدد اقدار کو بطور فونٹ فیملی لسٹ تفویض کرسکتے ہیں جو اس ترجیح کی وضاحت کرتی ہے جس میں براؤزر کو فونٹ کا انتخاب کرنا چاہئے۔
فال بیک بیک سسٹم کی شکل میں اس فہرست کو بائیں سے دائیں سے ترجیح دی جاتی ہے۔ اگر دستیاب ہو تو پہلی قیمت منتخب کی جاتی ہے ، یا فہرست کا خاتمہ ہونے تک کنٹرول اگلے ایک پر جاتا ہے۔ پہلے سے طے شدہ فونٹ کنبے کی وضاحت براؤزر کی ترجیحات سے ہوتی ہے۔
سی ایس ایس فونٹ فیملیز 2 اقسام کے ہیں - عام خاندان اور فونٹ فیملیز۔
families عام فیملیز - کچھ عمومی خصوصیات کی بنیاد پر ، فونٹ کو 'سیرف' ، 'سانس سیرف' ، 'مونو اسپیس' ، وغیرہ کے بطور گروپ کیا گیا ہے ، مثال کے طور پر ، سانس سیرف کا مطلب سیرف انداز کے بغیر فونٹس ہیں۔
● خاندانی نام - مخصوص خاندانی درجہ بندی سے متعلق فونٹ۔ ٹائمز ، ایریل ، کورئیر تمام فونٹ فیملیز ہیں اور ٹائمز نیو رومن ٹائمز فیملی کا ایک مثال فونٹ ہے۔
فونٹ کے مختلف استعمال کے اختیارات ذیل میں مثال 4 میں درج ہیں۔

نوٹ کرنے کے لئے کچھ عام نکات

CSS سی ایس ایس کی متعدد خصوصیات کی طرح ، فونٹ کی کچھ ترتیبات مختلف براؤزر میں مختلف ہوتی ہیں۔ کچھ نادر فونٹ کی ترتیبات استعمال کرنے سے پہلے براؤزر کی معاونت کی جانچ کریں۔
font آپ فونٹ اسٹائل ، فونٹ وزن وغیرہ کے انفرادی ٹیگوں کا استعمال کرتے ہوئے فونٹ کی ترتیب کو الگ سے ترتیب دے سکتے ہیں۔ متبادل کے طور پر اگر آپ کومپیکٹ کوڈ کو ترجیح دیتے ہیں تو ، آپ شارٹ ہینڈ فونٹ کی خصوصیت کو ایک ہی لائن میں تمام اقدار کے ساتھ استعمال کرسکتے ہیں۔
user صارف کے منظرناموں میں جہاں آپ چاہتے ہیں کہ براؤزر کے سائز کے حساب سے فونٹ سائز میں مختلف ہو ، وہاں ایک مفید فونٹ سائز ترتیب ہے جس کو جوابی فونٹ کی ترتیب کہتے ہیں۔ یہ ایک وی ڈبلیو یونٹ کے ساتھ سیٹ کیا جاسکتا ہے ، جس کا مطلب ہے 'ویوپورٹ چوڑائی'۔ اس طرح ٹیکسٹ سائز براؤزر ونڈو کے سائز کی پیروی کرے گا۔

امید ہے کہ آپ کو وہ معلومات ملیں گی جن کی آپ سی ایس ایس میں فونٹس پر تلاش کر رہے تھے۔ ذیل میں تبصرے کے حصے میں اپنے تجربے کو ہمارے ساتھ بانٹیں۔ مبارک ہو ڈیزائننگ!

ہیش میپ اور ہیش ٹیبل کے مابین اختلافات

اگر آپ ویب ڈویلپمنٹ کے بارے میں مزید معلومات حاصل کرنے میں دلچسپی رکھتے ہیں تو ، چیک کریں بذریعہ ایڈوریکا۔ ویب ڈویلپمنٹ سرٹیفیکیشن ٹریننگ آپ کو HTML5 ، CSS3 ، ٹویٹر بوٹسٹریپ 3 ، jQuery اور گوگل API کا استعمال کرکے متاثر کن ویب سائٹ بنانے کا طریقہ سیکھنے میں مدد دے گی اور اسے ایمیزون سادہ اسٹوریج سروس (S3) میں تعینات کرے گی۔