title: Loading font from google web fonts or fonts from own server, which one is more efficient in terms of page load time?
body: <p>While working with some custom fonts, I have two options either I can load a form from my own server or I can load a google web fonts. But my concern is which one efficient in terms of page load time? </p>
  
  <p>The way I am using css is </p>
  
  <pre><code>@font-face {
      font-family: 'MyWebFont';
      src: url('webfont.eot'); /* IE9 Compat Modes */
      src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('webfont.woff') format('woff'), /* Modern Browsers */
      } 
  </code></pre>
  
  <p><em>Here, while loading font, I am also using cacheing using font version and loading the fonts from CDN.</em></p>
  
  <p><em>The font which I am trying to load is near by 36k in terms of size.</em></p>
  
  <pre><code>h1 {
         font-family: 'MyWebFont', Fallback, sans-serif;
  }
  </code></pre>
  
  <p>Implementation of google fonts </p>
  
  <pre><code>&lt;link href='http://fonts.googleapis.com/css?family=Caesar+Dressing' rel='stylesheet' type='text/css'&gt;
  
  h1{
    font-family: 'Caesar Dressing', cursive;
  }
  </code></pre>
  
  <p>Can someone please help me to understand which one should be used either google web fonts or custom form own server. In terms of page load time which one is best ?</p>