Arabic font in browsers is ugly and hard to read


Here is how it looks like:

This is very ugly and difficult to read especially when the text is small. The letters are badly spaced.


Here is another example. Notice how the font is the hashtags is different than the rest of the text.



There is something wrong with the Arabic font configuration, although I did not change any configurations.

The screenshot are taken from Firefox, but it is the same in Safari and Chrome.


Is there a way to fix this please? At least make it use the font Notes uses.



Thanks

MacBook Pro (M2 Pro, 2023)

Posted on May 30, 2023 4:14 PM

Reply
Question marked as Top-ranking reply

Posted on Dec 20, 2023 11:24 AM

If you are seeing nastalique when you type arabic, you need to go to settings / general / language & region and make sure that arabic is higher on the list than urdu.

14 replies

Jun 2, 2023 2:15 PM in response to midueshen

So after digging a little on the issue, I found that the ugly font is nothing but Arial. And unfortunately a lot if not all of website set it as one of their font options. It does not look as bad with Latin characters but it sucks when it comes to Arabic letters and it is just unreadable, especially with a small font size.

I tried to remove it completely from Font Book, but unfortunately it was not allowed (well, Apple, if you are going to stop me from removing the fonts on my system, at least choose it a good font, this is what I hate about proprietary software.

I will find a hack to remove that ugly font from my system.

Jun 1, 2023 7:49 AM in response to midueshen

midueshen wrote:

This issue is only present in websites that do not provid their own fonts and depend on the system's. This is why I posted the issue here rather than in Firefox forum or something, because it is not even related to Firefox, since other browsers, specifically Chrome and Safari have the same issue.

But the system has several hundred fonts to choose from. It is the responsibility of web sites to choose which fonts they use. If you don't like the font that a web site is using, you will have to contact them and ask for a change. It's a website problem, not a system problem. That's why you see it in all web browsers but not in native apps. The native apps are using a different font.


You pointed out how the embedded links are using a different font. That's a good example. If you inspect Twitter's internal HTML code, you can see what fonts they are using for the text of a Tweet:


TwitterChirp, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif


But for a link or hashtag, these are their font selections:


Tahoma, Arial, sans-serif;


That's an obvious difference. However, there are additional details. The operating system does ultimately decide what font to use regardless of those specified settings. Arabic is a good example. The operating system isn't going to use a font that can't represent those Arabic characters. There is an internal font "cascade list" that is used to pick a font that can best represent the text being rendered. There may also be additional heuristics that go into how fonts are chosen. I'm not an expert on font usage. But sadly, I often seem to know more about them than people who write major apps. 😄


But ultimately, anyone displaying pre-styled text has a responsibility to choose how that text is rendered. As you can see from the hashtag example, there are always different options to choose from. Apple isn't going to make stylistic choices (well, sometimes they do, but it's a long story). It is really up to the developers of the web sites themselves to decide how they want the text to look.

Dec 20, 2023 8:01 AM in response to UrduDaan

UrduDaan wrote:

I completely agree that Apple messed up the font. I think they were trying to make it look like Nastaleeq font and I was excited to see that for Urdu language. Now that I am learning Arabic, I am really frustrated that it uses the same font and it is IMPOSSIBLE to write Arabic correctly with this font. Apple’s attitude towards this seems like: ‘it’s all the same jibbrish! What is the difference. Just scribble away in whatever we have granted and thank your stars’

Tell Apple:


Product Feedback - Apple


Dec 20, 2023 8:02 AM in response to midueshen

I completely agree that Apple messed up the iMessage font. I think they were trying to make it look like Nastaleeq font and I was excited to see that for Urdu language. Now that I am learning Arabic, I am really frustrated that it uses the same font and it is IMPOSSIBLE to write Arabic correctly with this font. Apple’s attitude towards this seems like: ‘it’s all the same jibbrish! What is the difference. Just scribble away in whatever we have granted and thank your stars’

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

Arabic font in browsers is ugly and hard to read

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.