How to add Urdu Font in Blogger [Jameel Noori Nastaleeq Font]

Nowadays, WordPress and blogger are the most popular platform on the internet. Some people are facing problems in using Urdu font in blogger. 

This article will tell you how to add Jameel Noori Nastaliq font in blogger with a very easy method. Similarly, you can also use Jameel Noori nastaleeq font in blogger and MS Word.

How to add Urdu font in blogger

{tocify} $title={Table of Contents}

How to add Urdu font in blogger

There are many methods to add Jameel Noori nastaleeq font in blogger, so I will tell you all of these methods one by one. 
  • Method #1 [Add code in HTML Section]
  • Method #2 [Using MS-Office]
  • Method #3 [Using Plugin]
  • Method #4 [Add some code in blogger theme]

Method #1 [Add code in HTML Section]

First of all, go to the HTML section of your blog post, paste the code I will give you code below, and then write your article.  This is the easiest method How to add Urdu Font in Blogger but sometimes it does not work on some themes.

<div style="direction: rtl; font-family: 'Alvi lahori Nastaleeq','Jameel Noori Nastaleeq','Urdu Naskh Asiatype',Arial,Tahoma; font-size: 16px; line-height: 1.5em; text-align: right;"> ياسين مبشر </div>


Read Also: Zong Free Internet VPN 2023 trick (100% Working Method) 

 Method #2 [Using MS-Office]

This is one of the easiest methods of writing articles in Urdu for a blogger. 
  • Simply open MS office on your computer or laptop. 
  • Write your Article in Jameel Noori nastaleeq in the Urdu language. 
  • Now copy the text in Urdu language and paste it into the blogger post. 
  • Your article will be converted automatically in Jameel Noori nastaleeq language. 

Method #3 [Using Plugin]

This method is suitable only for WordPress users. You will have to install a WordPress plugin in the WordPress blog. 
  • Go to the setting of WordPress and then click on the font setting. 
  • Select Jameel Noori nastaleeq font style. 
  • Now your article will be written in the Urdu language with Jameel Noori nastaleeq language. 
  • You will understand how to add Urdu Font in Blogger.

Method #4 [Add some code in blogger theme]  

If you want to use Jameel Noori nastaleeq font in writing Urdu, you have to add the code in the blogger theme. Follow the steps below;

  • Go to setting of blogger
  • Click on edit theme
  • Now copy the code below and paste it above </head> 
    src:url(" Noori Nastaleeq.ttf") format("woff"), 
    url(" Noori Nastaleeq.ttf") format("opentype"), 
    url(" Noori Nastaleeq.ttf") format("truetype"); 
.urdu { 
 font-family: "jameel-noori-nastaleeq"; 
  • Now go to the article post and click on the HTML section and add this code below
<p class="urdu">زندگی میں بہت سی پریشانیان آ سکتی ہیں</p> 
  • Replace written Urdu text with your own text in Jameel-Noori-nastaleeq font style.

This is the best method to add Urdu font in a blogger post with Jameel-Noori-nastaleeq font style. You have to add this code one time in the blogger theme, and after this, you can write an article in Urdu by adding  class='urdu' in the HTML section of the post like above. This method will not affect the page speed of the blogger theme.

My Words

Now you will be able How to add Urdu Font in Blogger posts. Here I mention Jameel Noori Nastaleeq Font's style for writing Urdu because it is the most popular and best font style for writing Urdu. Thanks for reading.

Post a Comment


This website uses cookies to offer you a better Browsing Experience. By using our website, You agree to the use of Cookies

Learn More