Arabic web fonts


(ism) #1

hi friends. Anyone here tested arabic web fonts?
When I try to use this font, I cant make it look like its website…
Where is my fault?
Could you check images and hype file please?

font.hype.zip (401.4 KB)

ek1


And here is hype exported html file:


#2

It looks like the font is setup correctly!
Original text

0FE5C6BC-20A9-4423-8FF2-11BB037662FA

XB Zanzibar text?

I / We cannot see the difference. Is there another expected behaviour?


(ism) #3

These are from the same website… The last one on my post was from hype exported html file…


(Jonathan Deutsch) #4

I’m not an expert on arabic, but given the ligatures used my guess is that you may need to adjust a ligature CSS setting.

If I add the CSS code of font-variant-ligatures: no-common-ligatures; to the @font-face in the style tag (as part of the hype font) it achieves the desired result.

<style>
@font-face {
    font-family: 'XB Zar';
        src: url('${resourcesFolderName}/XBZarRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-variant-ligatures: no-common-ligatures;
}
</style>

However I couldn’t tell you if this is “correct” or desired in all circumstances!