Writing Nastaliq (Urdu) in DW?

Report · Oct 15, 2025

Hi, might be being a bit of an idiot here but does anybody know how you write Arabic letters in the Nastaliq style in a webpage? For example for the Urdu language? The font families in DW to choose from, I haven’t gone through them all, but the ones I’ve tried so far all display Arabic text in the Naskh style. For example for the Arabic language where it all rests on a flat line. See attached image. Am I missing something obvious?

Nastaliq style

?
Naskh style
اردو متن

Report · Oct 18, 2025

Try Google Web Fonts

https://fonts.google.com/noto/specimen/Noto+Nastaliq+Urdu

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 20, 2025

Thanks Nancy. I’ve got Noto Nastaliq Urdu. It looks great but it’s not in Dreamweaver. I will start investigating how to bring it into Dreamweaver. Thanks again!

Report · Oct 20, 2025

It's a web font. It can't be "brought into Dreamweaver."

Try switching to LIVE View or Preview in browser.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 20, 2025

I’ve got it on my system so it’s available in all my other apps. Do you know how to apply it on a webpage? Thanks again.

Report · Oct 20, 2025

Do you know how to apply it on a webpage?
By @Gareth_Williams

==========

Custom Webfonts are referenced in the <head> tag of your document like this:

And in the CSS code, the same as you would for other fonts.

.urdu {
font-family: "Noto Nastaliq Urdu", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}

HTML:

<h1 class="urdu">Urdu Heading 1</h1>

<h2 class="urdu">Urdu Heading 2</h2>

<h3 class="urdu">Urdu Heading 3</h3>

<p class="urdu">Urdu paragraph text. Lorem ipsum dolor...</p>

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 20, 2025

I’ve done it! This page https://www.w3schools.com/howto/tryit.asp?font=Noto%20Nastaliq%20Urdu shows you the code and exactly where it goes but basically you paste this …

in the html code at the top of the page and then paste this into the CSS style code …

font-family: 'Noto Nastaliq Urdu';

It works! Thanks again!

Report · Oct 20, 2025

Glad you got it sorted. 😁

I guess Google wasn't directly impacted by the massive AWS outage.

Nancy O'Shea— Product User, Community Expert & Moderator

Writing Nastaliq (Urdu) in DW?

1 Correct answer