title: Firebase-hosted fonts always come back 404
body: <p>I have a few font files in a static firebase (angular) app. I'm using what appears to be a valid app structure:</p>
  
  <pre><code>./firebase.json 
  
  ./dist/(all of my app)
  </code></pre>
  
  <p>My fonts are located in the dist folder:</p>
  
  <pre><code>./dist/path/to/fonts/font.woff
  </code></pre>
  
  <p>... Locally, the app works as expected, but when deployed, the response is always 404. I figure it has be:</p>
  
  <p>1.) firebase deploy is ignoring these files</p>
  
  <p>2.) A CORS issue?</p>
  
  <p>Here's an example of what my firebase.json file looks like:</p>
  
  <pre><code>{
    "firebase": "my-firebase-app",
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/node_modules/*"
    ],
    "headers": [ {
      "source" : "**/*.@(eot|otf|ttf|ttc|woff|font.css)",
      "headers" : [ {
        "key" : "Access-Control-Allow-Origin",
        "value" : "*"
      } ]
    } ]
  }
  </code></pre>
  
  <p>Does anyone have any ideas? </p>