title: .woff font files are not working good in modern browsers
body: <p>I am using Lato fonts in my website,Mozilla and chrome are not rendering the font when i referred the fonts from fonts folder , then after I have used embedded woff  inside the css files which is working fine but the css files have become large sizes.</p>
  
  <p>My question is ,Why the font is not working good when i am referring from external folder,but the same is working fine when i am embedding inside the css?</p>
  
  <pre><code>/* Webfont: ../fonts/Lato-Regular */@font-face {
      font-family: 'Lato-Regular';
      src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
      src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
           url('../fonts/Lato-Regular.ttf') format('truetype'); 
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
  }
  </code></pre>