arabic italic font

Question

font-style:italic; tilts the font to the right just like this: my font

In Arabic, the writing is done from right-to-left, not left-to-right. Wh

Answer 1

As a fellow RTL language user I feel your pain :)

How about using an Arabic webfont and importing it to your CSS? Amiri is an open web font that has the proper typographic slanting for Arabic naskh script. It's even hosted on the google CDN!

Then you could just do:

@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
.myItalic{
   font-family: 'Amiri', serif;   
   font-style: italic; 
 }

Here's a working JSFiddle example

If this font isn't to your liking, you can use other other web fonts. Here are some to test with. If non of those work for you - I guess you can find a font that is to your liking, alter its italic version and embed it on your page in the same fashion.