title: Error: “Note that 'style-src-elem' was not explicitly set” when it is set
body: <p><a href="https://stackoverflow.com/questions/62066253/error-note-that-style-src-elem-was-not-explicitly-set-when-it-is-set">Having the same problem as this guy</a> but am not using .NET so I don't know what the answer to this problem is. I am using Electron.</p>
  <pre><code>&lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Security-Policy&quot; content=&quot;style-src-elem 'self' https://fonts.googleapis.com&quot;&gt;
  
  &lt;meta http-equiv=&quot;Content-Security-Policy&quot; content=&quot;font-src https://fonts.gstatic.com&quot;&gt;
  
  &lt;meta http-equiv=&quot;Content-Security-Policy&quot; content=&quot;default-src 'self'&quot;&gt;
  
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  
  &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot;&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Poppins:wght@300&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;link rel=&quot;stylesheet&quot; href=&quot;index.css&quot;&gt;
  &lt;/head&gt;
  </code></pre>
  <p>Here is the error:</p>
  <p><code>Refused to load the stylesheet 'https://fonts.googleapis.com/css2?family=Poppins:wght@300&amp;display=swap' because it violates the following Content Security Policy directive: &quot;default-src 'self'&quot;. Note that 'style-src-elem' was not explicitly set, so 'default-src' is used as a fallback.</code></p>
  <p>The question is here, <code>'style-src-elem'</code> IS explicitly set. I have no idea what is going on. Please help</p>