title: @font-face not working on Wordpress site
body: <p>I'm using the @font-face function to use a custom font (Geosanslight) on my Wordpress site.</p>
  
  <p>I have downloaded the webkit using <a href="http://www.fontsquirrel.com" rel="nofollow">http://www.fontsquirrel.com</a> and uploaded them into the folder <a href="http://www.lynnepassmore.com/public_html/wp-content/themes/esteem/fonts" rel="nofollow">http://www.lynnepassmore.com/public_html/wp-content/themes/esteem/fonts</a>.</p>
  
  <p>I have then used the @font-face function in my custom css file to call them. However the font is not visible on any browser.</p>
  
  <p>Here is my @font-face css:</p>
  
  <pre><code>@font-face {
  font-family: 'geosanslight';
  src: url('../fonts/geosanslight-webfont.eot');
  src: url('../fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/geosanslight-webfont.woff2') format('woff2'),
  url('../fonts/geosanslight-webfont.woff') format('woff'),
  url('../fonts/geosanslight-webfont.ttf') format('truetype'),
  url('../fonts/geosanslight-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  
  body, h1, h2, h3, h4, h5, h6, p, li, a {
  font-family: geosanslight !important;
  }
  </code></pre>