title: @fontface Quicksand Light for Mac/iPhone/iPad
body: <p>i have installed webkit Quicksand Light and book in to my CSS file, its all working fine in all browsers on the PC however when i view it on a MAC in any browser the quicksand light web font doesnt display properly comes out like a times new roman type of font. Is it not picking up the font? or is it just not rendering?</p>
  
  <p>cant find any solutions to this problem, been at it all day trying to fix it</p>
  
  <p>CSS:</p>
  
  <pre><code>@font-face {
  font-family: 'QuicksandLight';
  src: url('/assets/fonts/Quicksand_Light-webfont.eot');
  src: url('/assets/fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Quicksand_Light-webfont.woff') format('woff'),
       url('/assets/fonts/Quicksand_Light-webfont.ttf') format('truetype'),
       url('/assets/fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
       /*url('/assets/fonts/Quicksand_Light.otf');*/
  font-weight: normal;
  font-style: normal;
  
  }
  
  @font-face {
  font-family: 'QuicksandLightOblique';
  src: url('/assets/fonts/Quicksand_Light_Oblique-webfont.eot');
  src: url('/assets/fonts/Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Quicksand_Light_Oblique-webfont.woff') format('woff'),
       url('/assets/fonts/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
       url('/assets/fonts/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
  font-weight: normal;
  font-style: normal;
  
  }
  
  @font-face {
  font-family: 'QuicksandBook';
  src: url('/assets/fonts/Quicksand_Book-webfont.eot');
  src: url('/assets/fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Quicksand_Book-webfont.woff') format('woff'),
       url('/assets/fonts/Quicksand_Book-webfont.ttf') format('truetype'),
       url('/assets/fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
  font-weight: normal;
  font-style: normal;
  
  }
  </code></pre>
  
  <p>CSS for QuicksandBook;</p>
  
  <pre><code>body
  {
   font:13px/24px 'QuicksandBook', Arial,sans-serif;
   font-weight: normal;
   }
  </code></pre>
  
  <p>these have been referenced in the head section.</p>