title: Failed to decode downloaded font, OTS prasing error on Angular 6 app deployed with nginx
body: <p>I've deployed the angular dist folder with following structure on ngnix. But getting the <code>Failed to decode downloaded font: host/rfid/fontawesome-webfont.af7ae505a9eed503f8b8.woff2?v=4.7.0; OTS parsing error: invalid version tag</code> error.</p>
  
  <p>Here's how I've included the font-awesome.</p>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>"dependencies": {
  -------
  "font-awesome": "^4.7.0",
  --------
  }
  </code></pre>
  
  <p><strong>angular.json</strong></p>
  
  <pre><code>"styles": [
  -----,
  "node_modules/font-awesome/scss/font-awesome.scss",
  -----
  ]
  </code></pre>
  
  <p>Here's the path of where I'm deploying the dist folder.</p>
  
  <pre><code>/user/www/data/rfid/dist
  </code></pre>
  
  <p>Following is my nginx conf file <strong>default.conf</strong>.</p>
  
  <pre><code>proxy_cache_path /tmp/nginx levels=1:2 keys_zone=nginx_cache_zone:10m inactive=60m;
  proxy_cache_key "$scheme$request_method$host$request_uri";
  
  client_max_body_size 20M;
  proxy_read_timeout 600;
  
  server {
      listen 80 default_server;
      server_name something;
      location /rfid/ {
        alias /user/www/data/rfid/dist/;
        try_files $uri$args $uri$args/ /rfid/index.html;
     }
  }
  </code></pre>
  
  <p>Let me also include what my build looks like.</p>
  
  <p><a href="https://i.stack.imgur.com/pr8O4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pr8O4.jpg" alt="Angular 6 app dist"></a></p>
  
  <p>What am I missing here? Thanks in advance.</p>
  
  <p>Edit: If this is the issue of query string being appended to the url that's looking for file, what can I possibly do when I'm only specifying the dependency and adding the sass file?</p>