title: Can't seem to load custom fonts with Expo's Font.loadAsync
body: <p>I'm using React Native with Expo, and it is all going well except for this one issue with custom fonts. I have my font <code>Lobster-Regular.ttf</code>in ./assets/fonts, and I have been trying to load it as seen in the official docs: </p>
  
  <pre><code>componentDidMount() {
  
      Font.loadAsync({
  
        'Lobster': require('./assets/fonts/Lobster-Regular.ttf'),
      });
  
    }
  </code></pre>
  
  <p>I then style my header as such:</p>
  
  <pre><code>  headerText: {
      color: 'white',
      fontSize: 30,
      fontFamily: 'Lobster'
    }, 
  </code></pre>
  
  <p>All I get is </p>
  
  <blockquote>
    <p>fontFamily 'Lobster' is not a system font and has not been loaded
    through Font.loadAsync.</p>
    
    <ul>
    <li><p>If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system.</p></li>
    <li><p>If this is a custom font, be sure to load it with Font.loadAsync.</p></li>
    </ul>
  </blockquote>
  
  <p>Am I missing something?</p>