How to use Nastaliq Urdu fonts in WordPress blog

Nastaliq fonts

If you want to create a blog post in the Urdu language then, you can do this by installing the Urdu keyboard. Making a blog post in Urdu is not a difficult task nowadays as there are many video tutorials that are available on this topic. But using Nastaliq fonts in WordPress is a little tricky because, if you write a post in Urdu this will be shown in simple Urdu fonts. like This BBC Urdu website.

But, if you want to use Nastaliq fonts in your post then you have to add a simple line of code in your theme file. And your blog post fonts will be shown like this type of typography.

In this post, I will show you how to use Nastaliq fonts in WordPress blog post by adding simple code in your theme file.

First of all, click on appearance>Theme Editor

Now write the following code in your assets>css>unminified>style.css file

@import url(//fonts.googleapis.com/earlyaccess/notonastaliqurdu.css);

And, add the following lines in your header.php file <head> </head> section

<link rel=”stylesheet” type=”text/css” href=”https://fonts.googleapis.com/earlyaccess/notonastaliqurdu.css”>
<link rel=”stylesheet” type=”text/css” href=” https://fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css”>
<link rel=”stylesheet” type=”text/css” href=”style.css” media=”screen”

Now click on + sign and click on Custom HTML to start writing

Nastaliq fonts
Nastaliq fonts

Now in the Custom HTML block, write the following line of code to convert your text into Nastaliq typography

<div style=”direction: rtl;font-family: ‘Noto Nastaliq Urdu’ , serif ; font-size:16px; text-align:right;”>

write your article here

</div>

See Also : Best Plagiarism checker tools

That’s it. now you can write your blog in Nastaliq Urdu fonts like this.

Click on Preview to preview your text in Urdu Nastaliq typography.

Please Change video quality to 720 pixels if you are unable to watch the video clearly.

Final words

By using this simple technique, you can easily use Nastaliq Urdu fonts in your blog post. I have created a video for you to understand the method or you can ask me anytime if you have any issue regarding this. If you have any suggestions regarding Urdu fonts please let me know. Your helpful suggestions will be highly appreciated. Thanks.

Leave a Comment

Your email address will not be published. Required fields are marked *

error

Enjoy this blog? Please spread the word :)