title: HTML5 appcache with Chrome and the HTTPS Everywhere plugin causing cross site css not to load
body: <p>I have run into an issue with one of my webpages that was changed to use the HTML5 appcache feature. Chrome 19 (ad I assume earlier versions) is blocking my cross site css files when the appcache is enabled on a page. The page, <a href="http://www.ericperrets.info/index.html" rel="nofollow noreferrer">http://www.ericperrets.info/index.html</a>, loads a number of image/css files from my server and a number of css files from a google url/servers. Below is the epi.appcache file content</p>
  
  <pre><code>CACHE MANIFEST
  #
  
  CACHE:
  /default.css
  /800px.css
  /images/bg.jpg
  /images/spwright.png
  /images/spwright2.png
  /images/meme.jpg
  /favicon.ico
  /Resume%20-%20Eric%20Perret.pdf
  
  NETWORK:
  /index.html
  *
  http://*
  https://*
  </code></pre>
  
  <p>This works find when the page is loaded in the latest safari or firefox, but when I try to load it in Chrome, it blocks the calls to <a href="http://fonts.googleapis.com/css?family=Reenie+Beanie|Candal&amp;v1&amp;text=ERIC%20PT%E2%80%99SINFOAesumWorkaplntcfLidh%2C" rel="nofollow noreferrer">http://fonts.googleapis.com/css?family=Reenie+Beanie|Candal&amp;v1&amp;text=ERIC%20PT%E2%80%99SINFOAesumWorkaplntcfLidh%2C</a></p>
  
  <p><img src="https://i.stack.imgur.com/h77Xm.png" alt="Screenshot of the waterfall chart and console with the error"></p>
  
  <p><strong>Update:</strong> I fixed the issue by disabling one of my plug-ins that I had for Chrome: <a href="https://www.eff.org/https-everywhere" rel="nofollow noreferrer">HTTPS Everywhere</a>.  This is a really useful plugin.  Is there a way around this issue other than changing the URL to https?</p>