title: Google Blogger and cross-domain webfonts possible?
body: <p>Has anyone had success using webfonts hosted on a different server with Google Blogger?</p>
  
  <p>With blogger I do not have access to Google servers so I must upload these font files to my own server.</p>
  
  <p>Files hosted on my server or dropbox haven't worked.</p>
  
  <p>Chrome Version 37
  Firefox  32</p>
  
  <pre><code>@font-face {
  font-family: 'fontname';
  src: url('www.website.com/fonts/austie_bost_envelopes-webfont.eot');
  src: url('www.website.com/fonts/austie_bost_envelopes-webfont.eot?#iefix') format('embedded- opentype'),
  url('www.website.com/fonts/austie_bost_envelopes-webfont.svg#fontname') format('svg'),
  url('www.website.com/fonts/Austie_Bost_Envelopes.otf') format('opentype'),
  url('www.website.com/fonts/austie_bost_envelopes-webfont.ttf') format('truetype'),
  url('www.website.com/fonts/austie_bost_envelopes-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
  font-family: 'fontname';
  src: url('/fonts/austie_bost_envelopes-webfont.svg') format('svg');
  }
  }
  
  body {
  -webkit-font-smoothing: antialiased;
  }
  </code></pre>
  
  <p>Also tried dropbox method.</p>
  
  <pre><code>@font-face {
  font-family: 'fontname';
  src: url('https://www.dropbox.com/s/t4l791ueeurf96g/austie_bost_envelopes-webfont.eot');
  src: url('https://www.dropbox.com/s/t4l791ueeurf96g/austie_bost_envelopes
  webfont.eot?#iefix')format('embedded-opentype'),
  url('https://www.dropbox.com/s/st6vddetjrti6d8/austie_bost_envelopes-webfont.woff')
  format('woff'),
  url('https://www.dropbox.com/s/mv0gd03th9fyu4x/austie_bost_envelopes-webfont.ttf')
  format('truetype'),
  url('https://www.dropbox.com/s/1idght73mxxdiz3v/austie_bost_envelopes-webfont.svg#fontname') format('svg');
  font-weight: normal;
  font-style: normal;
  } 
  </code></pre>
  
  <ul>
  <li><p>Checked whether the url is correct on
  Server and Dropbox</p></li>
  <li><p>Codes are pasted in correct place,
  inside section  ]]> </p></li>
  <li><p>Referenced correctly<br>
  font-family: 'bang', serif;</p></li>
  <li><p><em>Checked Firefox "Allow pages to use their own fonts" setting</em></p></li>
  </ul>
  
  <p><strong>Found in Search:</strong></p>
  
  <ul>
  <li><em>Firefox doesn't allow you to embed @font-face file from another domain for security reasons.</em>
  <a href="https://productforums.google.com/forum/#!topic/blogger/WPK2zD4xYv4" rel="nofollow">https://productforums.google.com/forum/#!topic/blogger/WPK2zD4xYv4</a></li>
  </ul>