1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 4.50 out of 5)

As per my previous post here about using custom Arabic web fonts for Safari on iOS, finally I had the solution, and guess what ?! it’s using TrueType fonts !!

It seems like iOS has an issue with glyph lookup names for Arabic various ligatures when using custom TTF as @font-face in CSS, so I figured why not using my parser I used for Flash Player and ActionScript to manually perform that procedure for the iOS as well ?!, the funny thing that it worked nicely !!

You can check this example on your iPad ..

Arabic Web Fonts on iOS

Note: your iPad must have iOS version 4.2 or higher ..

If you do not have your fonts in TrueType format, I recommend using FontForge to generate a working TTF version ..




Social Comments

11 Advanced Comments

Mohamed Gad
March 10th, 2011

First of all i would like to thank for this generous utility for arabic support.

I saved page as html and put it in my dropbox but it doesn’t work, please check the following link:

http://dl.dropbox.com/u/6535174/arabicfont/ios.htm

Thanks



March 10th, 2011

@Mohamed Gad

Thanks for your interest, I did preview your page on iPad and it has a JavaScript error while defining parseArabic function ..
You do have an error in the head tag while loading parseArabic.js
Just replace the following:

<script style="display: none;" 
    type="http://dl.dropbox.com/u/6535174
    /arabicfont/ios_files/parseArabic.js">
    .....
</script>

with the following:

<script type="text/javascript" 
    src="http://dl.dropbox.com/u/6535174
    /arabicfont/ios_files/parseArabic.js">
</script>
March 10th, 2011

Hi Ahmed:

Thanks for your reply, but I found some bugs for the following words:

1)
ﺃﻳﺾًﺍ
2)
ﺍﻗﺘﺼﺎﺩﻱًّﺍ
3)
ﻋﺎﻡًﺍ
4)
ﻱُﻉَﻭَّﺽ
5)
ﻣﺤﻖًّﺍ
6)
ﻣﺮﻭﻉًﺍ
7)
ﺙَﻡَّ

Please check the following link to check the previous words.

Another thing when I make style css for paragraphs into the div element there is no respond I don’t know why.

Thanks



March 10th, 2011

@Mohamed Gad

Unfortunately arabic diacritics and styles are not supported yet using this solution, I will notify you once they’re available ..

Joy Agopian
January 31st, 2013

Hi, first of all thank you sir for this very useful script it helped me a lot but I was wondering if a solution for the arabic diacritics exists yet because I am having trouble with it                thank you in advance for the reply



January 31st, 2013

@Joy

I’ll prepare a newer version with diacritics very soon, will keep you posted ..

Mohamed Gad
March 13th, 2013

Hi Ahmed,Have you finished the new version of parsearabic scriptThanks

Tarun
May 17th, 2013

Hi Ahmed,Thank you for this great utility for arabic support.It was of great help. However i am facing some problems with some of the words.These are the same words mentioned by @Mohamed Gad.You had mentioned that you will prepare a newer version and update the post.Have been able to create a new version?Thanks.

June 16th, 2013

what about persian font? like “b yekan”

September 10th, 2013

dear Ahmed,i do some fix for support arabic and html , and its work fine for me , thanks for your support ,



Mohamed Helal
March 6th, 2014

Thank you, Thank you, Thank you .. would you ever care about posting a detailed patch to Webkit/Apple ?