title: Troubleshooting adding fonts to react native project
body: <p>I'm trying to add some custom fonts to my react-native project. I put my font files in <code>/fonts</code> folder and added this snippet to <code>package.json</code>:</p>
  
  <pre><code>"rnpm": {
    "assets": ["./fonts"]
  }
  </code></pre>
  
  <p>and ran <code>react-native link</code>. I'm able to use the fonts on Android. So far so good.</p>
  
  <p>The problem is on iOS. So, I've read all of the stack overflow questions about this problem and none of the solutions worked. I've:</p>
  
  <ol>
  <li><p><strong>Made sure that they're included in the target</strong>. The checkbox next to my project name in the target membership box is checked.</p></li>
  <li><p><strong>Double checked that my fonts are included as resources in my bundle</strong>.<a href="https://i.stack.imgur.com/6QyZH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6QyZH.png" alt="fonts are included as resources in my bundle"></a></p></li>
  <li><p><strong>Included the fonts in the application plist</strong>.<a href="https://i.stack.imgur.com/xvKos.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xvKos.png" alt="plist info"></a> These first 3 steps were done properly by <code>react-native link</code>.</p></li>
  <li><p><strong>Cleaned the project and rebuilt</strong>.</p></li>
  <li><p><strong>Killed the packager and then reran the project</strong>.</p></li>
  </ol>
  
  <p>Still I can't use the fonts. So I added this snippet to my <code>appDelegate.m</code>:</p>
  
  <pre><code>for (NSString* family in [UIFont familyNames])
  {
      NSLog(@"%@", family);
  
      for (NSString* name in [UIFont fontNamesForFamilyName: family])
      {
          NSLog(@"  %@", name);
      }
  }
  </code></pre>
  
  <p>which prints all available font names to the xCode log. It seems that I'm only able to use Graphik-Medium:</p>
  
  <p><a href="https://i.stack.imgur.com/8x5Sd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8x5Sd.png" alt="Graphik-Medium"></a></p>
  
  <p>Graphik Web appeared elsewhere on the list with a messed up font name:</p>
  
  <p><a href="https://i.stack.imgur.com/Cdj01.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cdj01.png" alt="Graphik-Web"></a></p>
  
  <p>bebas-neue is nowhere to be found on this list.</p>
  
  <p>Does anybody know what I'm doing wrong? Is it possible that the fonts are not compatible with iOS?</p>