title: Refused to load font while fetching API data
body: <p>I am making a node app where I make a get request from the api and then log it to the console, but then i got the below errors.</p>
  <pre><code>Refused to load the font 'http://localhost:3000/DMSans-Regular.ttf' because it violates the following Content Security Policy directive: &quot;default-src 'none'&quot;. Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.
  
  post:1 Refused to load the font 'http://localhost:3000/Roboto-Regular.ttf' because it violates the following Content Security Policy directive: &quot;default-src 'none'&quot;. Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.
  
  Failed to load resource: the server responded with a status of 404 (Not Found)
  </code></pre>
  <p>I am using the bootstrap cdn and google fonts.</p>
  <p>here is my html head section</p>
  <pre><code>&lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/style.css&quot;&gt;
  </code></pre>
  <p>my app.js file</p>
  <pre><code>const express = require(&quot;express&quot;);
  const bodyParser = require(&quot;body-parser&quot;);
  
  const request = require('request');
  const https = require(&quot;https&quot;)
  
  
  const app = express();
  
  app.use(express.static(&quot;static&quot;));
  
  
  app.get(&quot;/&quot;,function(req,res){
      res.sendFile(__dirname + &quot;/index.html&quot;);
  });
  
  app.post(&quot;/&quot;,function(req,res){
      const raceYear = req.body.year;
      const url = '/http://ergast.com/api/f1/'+ raceYear +'/driverStandings.json';
      
      https.get(url,function(respose){
  
          respose.on(&quot;data&quot;,function(data){
  
              const raceData = JSON.parse(data);
              console.log(raceData);
  
          });
  
      });
  
  });
  
  
  
  
  
  app.listen(3000,function(){
      console.log(&quot;server has started&quot;);
  });
  </code></pre>
  <p><a href="https://i.stack.imgur.com/76Fhh.png" rel="nofollow noreferrer">error image</a></p>
  <p>I am not able to find the problem inside the code and what i need to change, please help </p>