title: css font-face with the Arabic fonts
body: <p>I'm trying to use an <a href="http://en.fonts2u.com/ge-ss-tv-bold.czcionka" rel="nofollow noreferrer">Arabic external font</a>:</p>
  
  <pre><code>@font-face {
      font-family: "My";
      src: url(GE_SS_TV_Bold.otf) format("truetype");
  }
  p.customfont { 
      font-family: "My", Verdana, Tahoma;
  }
  </code></pre>
  
  <p>It's appearing like this:
  <img src="https://i.stack.imgur.com/iE9MB.gif" alt="enter image description here">
  but it should appear like:<img src="https://i.stack.imgur.com/Us50P.gif" alt="enter image description here"></p>