title: Google Chrome Application using Google Fonts
body: <p>I am trying to include the link stylesheet to use a font from Google fonts. I've tried the Web Font Loader and the actual link stylesheet and yet I keep getting the CSP error. </p>
  
  <pre><code>Refused to load the stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,600'
  because it violates the following Content Security Policy directive: 
  "style-src 'self' data: chrome-extension-resource: 'unsafe-inline'".
  </code></pre>
  
  <p>This is my CSP in my <code>manifest.json</code></p>
  
  <pre><code>"content_security_policy": "default-src 'self'; style-src 'unsafe-inline'; script-src 'self';",
  </code></pre>
  
  <p>Now since I haven't read the entire Documentation on CSP's because it seems to get left and right when I'm trying to read this maybe someone could enlighten me how this works, what I need to get my stylesheet to work.</p>
  
  <p>Another Method I've tried:</p>
  
  <pre><code> load({
      method:"GET",
      url:"http://fonts.googleapis.com/css?family=Open+Sans:400,300,600"
   },function(data){
     var style = document.createElement('style');
     var head = document.head;
     style.innerHTML = data.responseText;
     head.insertBefore(style, head.firstChild);
   });
  </code></pre>