• Home
  • /
  • Blog
  • /
  • How to add Urdu Fonts to Elementor Page Builder

How to add Urdu Fonts to Elementor Page Builder

Posted in Guide   on  October 14, 2022 by Shoaib

Do you want to add Urdu fonts to Elemnetor, The WordPress most famous drop-and-drag page builder? Then you are at the right place. This article will show you a step-by-step guide for adding custom Urdu, Hindi and Arabic Fonts to Elementor.

We can build any website using Elementor in a matter of seconds. No matter if you are creating an Urdu News website or want to share your thoughts in the form of an Urdu blog. Elementor Pro page builder will help you speak your audience's language.

As a result, you can earn online money through Google Adsense without having too much competition.

Read Also: Google AdSense Information in Urdu – Earning Course in Urdu

Default Urdu Font Style in WordPress

The Problem: When you add Urdu text to a WordPress post, the default text looks like this;

The solution: What about if we can change this ugly font text style to Urdu Standard form? The text you encounter while reading Urdu newspapers and Urdu Books.

It is an excellent option if you want to create a good user experience for your website. This will also help you to improve your website Bounce Rate.

Are you excited to add different stylish Urdu fonts to elementor Pro?
Let's get Started!

Where to Download Free Online Urdu Fonts

Wonder how to find and download Online Urdu fonts for Elementor? No worries! Urdunigaar is the world's largest source for downloading more than 500 Urdu fonts in different styles.

You can download Urdu Nastalleq, stylish and heading Fonts for free.
All the fonts come in TTF and Zip formats. Feel free to download and use any fonts for your WordPress project now!

How to Add Urdu Fonts in Elementor Page Builder

Here are some steps you can follow to add custom Urdu Fonts to Elementor Pro.

1: On the WordPress dashboard, go to Elementor and Click on the Custom Fonts option.

2: Click on ADD NEW button to upload custom fonts to Elementor.

3: Put your Font name in the Box and Click on ADD FONT VARIATION.

4: Fonts have different formats like TTF, WOFF, etc. Urdu Nigar Fonts come in TTF format. Click on the Upload button to upload the new Font.

5: Then click on the PUBLIHED button.

How to Write the Urdu Language in WordPress

Now it's time to add Urdu text to the WordPress post. But before that, please remember that Urdu is written from right to left.

You must add this Html code dir="rtl" within your opening paragraph<p> tag.

Here is a real example in Elementor page builder:

Note: The only way to add Html source code is to select the Text Tab option.

Changing Text style to Jameel Noori Nastaleeq Font

Under the Style Tab, go to the Typography option and change your font with the custom uploaded Font name Jameel Noori Nastaleeq.

Some Useful Articles

About Shoaib Akram


I've been in the business of writing, marketing, and web development for a while now. I have experience in SEO and content generation. If you need someone who can bring life to your words and web pages, I'm your guy.

Leave a Reply

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

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
Subscribe to get the latest updates