title: React Native can't use custom font with Expo Font.loadAsync
body: <p>I am trying to use a Google font in my app and have followed the documentation <a href="https://docs.expo.io/versions/latest/guides/using-custom-fonts.html" rel="nofollow noreferrer">here</a> with no luck. I downloaded the font and used the file structure Expo recommended. The docs say to use <code>async componentDidMount</code> which you can see I am doing in the code below. I have seen other people have success with using <code>async componentWillMount</code> but it has not worked for me. </p>
  
  <p>The error message I get is:</p>
  
  <p><code>console.error: "fontFamily 'anton-regular' is not a system font and has not been loaded through Expo.Font.LoadAsync."</code></p>
  
  <p>My console.log of <code>fonts loaded:  true</code> pops up in the remote debugger right before I get the font error. </p>
  
  <pre><code>import React, { Component } from 'react';
  import { Font } from 'expo';
  import...
  
  class App extends Component {
    constructor(props) {
      super(props);
      this.state = { fontLoaded: false };
    }
  
    async componentDidMount() {
      try {
        await Font.loadAsync({
          'anton-regular': require('./assets/fonts/Anton-Regular.ttf'),
        });
        this.setState({ fontLoaded: true });
        console.log('fonts are loaded');
      } catch (error) {
        console.log(error);
      }
    }
  
    render() {
      if (this.state.fontLoaded) {
        console.log('fonts loaded: ', this.state.fontLoaded)
        return (
          &lt;Root&gt;
            &lt;Provider store={store}&gt;
              &lt;AppWithNavigationState /&gt;
            &lt;/Provider&gt;
          &lt;/Root&gt;
        );
      }
      return (
        &lt;Root&gt;
          &lt;LoadingScreen /&gt;
        &lt;/Root&gt;
      );
    }
  }
  </code></pre>
  
  <p><strong><em>EDIT</em></strong></p>
  
  <p>Per Evan Bacon's suggestion I wrapped the <code>Font.loadAsyc</code> in a try/catch but no error was caught. I also added the following to my app.json with no change.</p>
  
  <pre><code> "packagerOpts": {
     "assetExts": ["ttf"]
   },
  </code></pre>