سی ای اس فونت

آپ کی ویب سائٹ کے لئے درست فونٹ کا انتخاب کریں!

فونٹ کا انتخاب اہم ہے

درست فونٹ کا انتخاب، ویب سائٹ کا یوزر ایکسپریئنس پر بہت بڑا اثر پڑتا ہے۔

درست فونٹ، آپ کی برانڈ کو قوی علامت بناسکتا ہے۔

آسان پڑھنا والی فونٹ کا استعمال کرنا اہم ہے۔ فونٹ، آپ کی لکھت کو بڑھاتا ہے۔ فونٹ کی رنگ کا انتخاب اور لکچر کا سائز کا انتخاب بھی اہم ہے۔

عام فونٹ خاندان

CSS میں پانچ عام فونٹ خاندان ہیں:

  • سیریف فونٹ (سیریف) - ہر حرف کی کمر میں ایک چھوٹی نکلیات ہوتی ہے۔ وہاں ایک طرح کا احساس اور خوبصورتی کا احساس پیدا ہوتا ہے۔
  • سین-سیریف فونٹ (سین-سیریف) - فونٹ کی لائنوں سادے ہیں (کوئی چھوٹی نکلیات نہیں ہیں)۔ وہاں سادے اور سادے فونٹوں کا جگہ جگہ پیمانہ بنا رہتا ہے۔
  • مونواسپیس فونٹ (مونواسپیس) - یہ جگہ جگہ تمام حروف کا یکسا سائز کا پیمانہ رکھتا ہے۔ وہاں تمام حروف کا ایک سائز کا پیمانہ رکھتا ہے۔ وہاں تمام حروف کا ایک سائز کا پیمانہ رکھتا ہے جو ایک مشین کی طرح کا جگہ جگہ پیمانہ بنا رہتا ہے۔
  • کورسیووی فونٹ (کورسیووی) - یہ انسان کی قلم کی بنیاد پر عمل کرتی ہیں۔
  • فنسی فونٹ (فنسی) - یہ تزئینی/لذیذ فونٹ ہیں۔

تمام مختلف فونٹ کے نام، پانچ عام فونٹ خاندانوں میں سے ایک کو پائیدار کرتے ہیں۔

سیریف اور سین-سیریف فونٹوں کے درمیان کی فرق

سریف و سنس ریف

پیشکش:کمپیوٹر اسکرین پر، سیریف فونٹوں کو سیریف فونٹوں کے مقابلے میں زیادہ پڑھنا آسان سمجھا جاتا ہے۔

کچھ فونٹوں کے مثال

عام فونٹ خاندان فونٹ کے ناموں کا مثال
سیریف ٹائمز نیو رومین
جورجیا
گارمنڈ
سان-سیریف اریل
ورڈینا
هلویٹیکا
مونواسپیس کوریئر نیو
لوسیڈا کانزول
موناکو
کورسیووی براش اسکریپٹ ایم ٹی
لوسیڈا ہینڈ رائٹنگ
فنسی کوپرپلیٹ
پاپریس

CSS فونٹ-فا مل کا حصہ

CSS میں، ہم فونٹ-فا مل کا استعمال کرتے ہیں تاکہ لکھت کی فونٹ کا تعین کریں۔

font-family کا حصہ مختلف فونٹ کے ناموں کا حصہ بناکر ‘后备’ نظام کا استعمال کیا جاتا ہے، تاکہ بین براؤزر / آپریٹنگ سسٹم کے درمیان سب سے زیادہ تعامل ممکن ہوسکے۔ آپ کی ضرورت کے مطابق فونٹ سے شروع کریں اور عام سیریز سے ختم کریں (اگر کوئی دیگر فونٹ دستیاب نہیں ہو تو براؤزر عام سیریز میں کسی مشابه فونٹ کو منتخب کرے گا)۔ فونٹ کے ناموں کو کُچل سے الگ کریں۔

نکته:اگر نام فونت بیش از یک کلمه باشد، باید در قید‌ها نوشته شود، مثلاً: "Times New Roman".

مثال

فرمت فونت سه پاراگراف را تعیین کنید:

.p1 {
  font-family: "Times New Roman", Times, serif;
}
.p2 {
  font-family: Arial, Helvetica, sans-serif;
}
.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}

آزمایش کنید