title: How to add custom font in PhoneGap
body: <p>I am trying to add a custom font to my PhoneGap application and I tried two methods I found on the internet and they don't work using PhoneGap 3 and Xcode 5. </p>
  
  <ul>
  <li><p>Using <strong>font-face</strong> method using CSS:</p>
  
  <pre><code>@font-face {
             font-family: 'Droid Arabic Kufi';
             src: url('fonts/DroidKufi-Regular.ttf');
           }
  
  body {
       font-family: 'Droid Arabic Kufi';
     }
  </code></pre>
  
  <p>Using Xcode <strong>info.plist</strong> file method:</p>
  
  <ol>
  <li><p>First I added <strong>DroidKufi-Regular.ttf</strong> in the project resources folder.</p></li>
  <li><p>Then added a new row in the <strong>info.plist</strong> file called <code>Fonts provided by application</code> with item called <code>DroidKufi-Regular.ttf</code>. and still doesn't work.</p></li>
  <li><p>So, in viewDidLoad method I added this line of code <code>[UIFont fontWithName:@"Droid Arabic Kufi" size:10.0];</code> but still not working.</p></li>
  </ol></li>
  </ul>