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.
