How to change font and size of just Arabic and Greek letters

[Keys]

Hey all,

Struggling with this for quite some time -

1. How do I change the font and size of Arabic in preview and edit modes (and live preview)?

Things I have tried

@font-face {
    font-family: 'Greek';
    src: local("GentiumPlus");
    font-weight: 400;
    unicode-range: U+0370-03FF; 
}

/* Add Arabic font */
@font-face {
    font-family: 'Ampersand';
    src: local("Cairo");
    size-adjust: 100%;
    unicode-range: U+0600-06FF;

} 

/* # Display fonts:  */
.workspace, .popover {
    font-family: 'Greek', 'Ampersand', sans-serif;
}

The snippet is active and the fonts are downloaded locally in the Font Book, but no changes in the Edit or Preview or Live Preview mode.

Grateful for any help here

What I’m trying to do

• I’d like it double the size and change the font for just Arabic characters
• Same actions for Greek