Add Arabic type styles for the site so that users can read and navigate the content in Arabic

[gissoo]

@blms we are using Amiri for transcription content, and Hassan for all other site content. WOFF Hassan files are here and TTF Amiri files are here – I couldn't get the WOFF format of Amiri.

Here in Figma you can find all the Arabic type styles

let me know if you have any questions.

[blms]

Thanks, @gissoo! This looks very clear. (Is this meant to be my implementation issue, or just for me to review the design?)

@rlskoeser is it OK that the second font is only available in TTF?

If so—we will still need to move Amiri into the "woff files only" folder so that devs know where to download it for their local install. As such, we'll probably need to rename that folder to "font files only" or something along those lines! (And I'll update the dev notes accordingly.)

[rlskoeser]

@blms can we / should we generate WOFF from the TTF ourselves? or is TTF fine for web font? agree everything should be in the same folder either way

[gissoo]

Just to document some decisions here due to implementation complexities:
for cases where Arabic and Latin are mixed, such as the descriptions, and metadata fields, Ben and I agreed on going with a larger line height (30), and a fixed size gap between the Latin and Arabic of 125% (in most cases Arabic being 25px and Latin 20px)