title: Custom Persian And Arabic Fonts in Android 4.1.2 Phonegap (Cordova) not working
body: <p>I tried to make custom fonts for my application in phonegap. For that, I wrote this code in my html file:</p>
  
  <pre><code>@font-face {
  font-family: 'customfont';
  src: url('fonts/BMitra.eot?#') format('eot'), 
  url('fonts/BMitra.woff') format('woff'), 
  url('fonts/BMitra.ttf') format('truetype'); 
  font-style: normal;
  }
      body {
          font-family: "customfont";
          font-size:30px;
      }
  </code></pre>
  
  <p>....</p>
  
  <pre><code>&lt;body&gt;
      &lt;h&gt;Custom Fonts&lt;/h&gt;
      &lt;div style="font-family: 'customfont';" id='txt1'&gt;This is for sample&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>It works fine on Ripple (chrome emulator) but it doesn't work on the Device (Samsung Android 4.1.2) </p>
  
  <p>I have <code>googled</code> and <code>stack-overflowed</code> to find the solution, i found this post <a href="https://stackoverflow.com/questions/13990423/font-face-on-android-4-0-x-doesnt-work">font-face on android 4.0.x doesn&#39;t work</a> which says to have <code>text-rendreing:auto</code> but it didn't work too.</p>
  
  <p>Any help, will be appreciated.</p>