How To Add Jameel Noori Nastaleeq Font In Blogger Template? 100% Working

by HMR • January 20, 2024

بلاگر ٹیمپلیٹ میں جمیل نوری نستعلیق فونٹ کیسے ایڈ کریں؟ ٪100 ورکنگ

Hi everyone in this post I will teach how to embed Urdu font Jameel Noori Nastaleeq font in Blogger template.


Urdu font Jameel Noori Nastaleeq


اسلام علیکم دوستوں آج اس پوسٹ میں آپ کو جمیل نوری نستعلیق فونٹ بلاگر ٹیمپلیٹ میں ایمبیڈ کرنا سکھاؤنگا۔

So all first you need some html and CSS code for Urdu font, don’t I have given you all material in this post.

سب سے پہلے آپ کو html اور css کوڈ چاہیے اردو فونٹ جمیل نوری نستعلیق کے لیئے جو میں آپ کو اس پوسٹ میں دے رہا ہوں۔

First you copy this code and paste it in your blogger <head> tag.

سب سے پہلے آپ اس کوڈ کو کاپی کریں اور پھر اپنے بلاگر کی edit html میں جاکر میں <head> کے نیچے پیسٹ کریں۔

<link href="https://db.onlinewebfonts.com/c/8ae7fe1e60ecd9ad8e4161d1fc408e09?family=Jameel+Noori+Nastaleeq" rel="stylesheet"/>


Now second step again copy this Css code and go in blogger html and press ctrl+f key search ]]><baskin> code and paste it up ]]><baskin> tag, And save.

دوسرے اسٹیپ میں آپ اس کوڈ کاپی کریں اور اپنے بلاگر کی edit html میں جاکر ctrl+f پریس کریں اور سرچ کریں ]]><baskin> ٹیگ اور اس کے اوپر اس والے کوڈ کو پیسٹ کریں۔

@font-face {

    Font-family: “Jameel Noori Nastaleeq”;

    Src: url(https://db.onlinewebfonts.com/t/8ae7fe1e60ecd9ad8e4161d1fc408e09.eot);

    Src: url(https://db.onlinewebfonts.com/t/8ae7fe1e60ecd9ad8e4161d1fc408e09.eot?#iefix)format(“embedded-opentype”), 

 url(https://db.onlinewebfonts.com/t/8ae7fe1e60ecd9ad8e4161d1fc408e09.woff2)format(“woff2”), 

 url(https://db.onlinewebfonts.com/t/8ae7fe1e60ecd9ad8e4161d1fc408e09.woff)format(“woff”), 

  url(https://db.onlinewebfonts.com/t/8ae7fe1e60ecd9ad8e4161d1fc408e09.ttf)format(“truetype”),

 url(https://db.onlinewebfonts.com/t/8ae7fe1e60ecd9ad8e4161d1fc408e09.svg#Jameel Noori Nastaleeq)format(“svg”);

}


The last step copy this font-family and replace with your blogger font-family, maybe your blogger font-family like sens-serif, roboto, arial or etc.

آخری اسٹیپ میں آپ فونٹ فیملی کو کاپی کریں اور اپنے بلاگر کی فونٹ فیملی کے ساتھ ریپلیس کریں جو کچھ بھی ہو سکتی ہے۔

Font-family: “Jameel Noori Nastaleeq”;


Now save and preview your blog and see your template convert into Jameel Noori Nastaleeq Font.

اب اپنے بلاگر ٹیمپلیٹ کو کریں اور کریں آپ کا ٹیمپلیٹ جمیل نوری نستعلیق فونٹ میں تبدیل ہو چکا ہے۔

Still you have any Question or you don't understand then watch this video.



اگر ابھی بھی آپ کو کچھ سمجھ میں نہیں آیا تو اس ویڈیو کو دیکھ لے۔

Comments