ویب ڈویلپمنٹ میں، فونٹ اسٹائلنگ کا صحیح استعمال ایپلی کیشن کو ایک پرکشش شکل فراہم کرتا ہے۔ یہ فونٹ اسٹائل دستاویز کے پڑھنے کے آرڈر کے بارے میں بصری اشارے دیتے ہیں۔ مثال کے طور پر، دستاویز کی سرخی کا فونٹ اسٹائل بولڈ اور دوسروں سے نمایاں ہونا چاہیے۔ اسٹائل اہم مواد کو دوسروں سے ممتاز کرنے میں بھی مدد کرتا ہے۔
اس مضمون کے سیکھنے کے نتائج یہ ہیں:
- گوگل ویب فونٹس کیا ہیں؟
- HTML میں گوگل فونٹس کیسے امپورٹ کریں؟
- سی ایس ایس فائل میں گوگل فونٹس کا استعمال کیسے کریں؟
گوگل ویب فونٹس کیا ہیں؟
گوگل ویب فونٹ ایک اوپن سورس لائبریری ہے جس میں سینکڑوں فونٹ کی طرزیں یا خاندان شامل ہیں۔ یہ APIs بھی فراہم کرتا ہے جو Android اور CSS کے ساتھ ویب فونٹس استعمال کرنے میں ہماری مدد کرتے ہیں۔ گوگل فونٹس دیگر فونٹ لائبریریوں کے مقابلے میں بہت ہلکے ہیں اور کاروباری استعمال کے لیے مفت دستیاب ہیں۔ یہ کسی بھی ویب سائٹ پر لاگو کرنا آسان ہیں۔
پہلے سے طے شدہ طور پر، CSS فنتاسی، سیرف، سانز سیرف، کرسیو، اور مونو اسپیس فونٹ اسٹائل پیش کرتا ہے۔ اگر آپ کچھ دوسرے فونٹ اسٹائل استعمال کرنا چاہتے ہیں تو گوگل فونٹس استعمال کیے جاسکتے ہیں۔
HTML میں گوگل فونٹس کیسے امپورٹ کریں؟
HTML صفحہ پر گوگل فونٹس استعمال کرنے کے لیے درج ذیل مراحل سے گزریں۔
مرحلہ 1: فونٹ فیملی کو منتخب کریں۔
سب سے پہلے، کھولیں گوگل فونٹس آفیشل ویب سائٹ پر جائیں اور اپنی پسند کا فونٹ منتخب کریں۔ مثال کے طور پر، ہم نے ' لابسٹر ٹو فونٹ فیملی:
مرحلہ 2: طرزیں منتخب کریں۔
اگلا، اسٹائل کی فہرست دیکھنے کے لیے نیچے سکرول کریں۔ انہیں اپنے مجموعہ میں شامل کریں ' + نشانی:
مرحلہ 3: منتخب خاندانوں کو دیکھیں
منتخب خاندانوں کو دیکھنے کے لیے، ذیل میں نمایاں کردہ آئیکون پر کلک کریں:
مرحلہ 4: HTML میں ایمبیڈ کرنے کے لیے لنک کاپی کریں۔
اس کے بعد نیچے سکرول کریں اور ہائی لائٹ شدہ ' کا استعمال کرتے ہوئے فونٹ فیملی کا لنک کاپی کریں۔ کاپی آئیکن:
سی ایس ایس فائل میں گوگل فونٹس کا استعمال کیسے کریں؟
اسٹائل کے لیے سی ایس ایس میں گوگل فونٹس کی کاپی استعمال کرنے کے لیے دی گئی مثالوں کو دیکھیں۔
مثال 1
شامل کریں ' کچھ مواد یا پیراگراف کی وضاحت کرنے کے لیے عنصر:
< ص > 'بہترین سبق آموز ویب سائٹ' ص >گوگل فونٹس درآمد کرنے کے لیے، کاپی شدہ کوڈ کو '