title: @font-face not working on iphone/ipad
body: <p>I downloaded two font kits from Font Squirrel, and they work everywhere except on iphone/ipad.  This makes me think there is a problem with the svg file.</p>
  
  <p>I have another font downloaded from font squirrel on a separate site (through the same host) that is working great on my mobile devices, and I cannot see what the difference is between them that would make the font work on one site but not another.</p>
  
  <p>My host recognizes svg (says so here: <a href="http://wiki.dreamhost.com/MIME_Types" rel="nofollow">http://wiki.dreamhost.com/MIME_Types</a>), so i don't think it is a problem with the MIME type.  i don't know much about this though and might be missing something.</p>
  
  <p>I have also checked the id in my svg files, and they match the #id in my @font-face declarations:</p>
  
  <pre><code>@font-face {
      font-family: 'BebasNeueRegular';
      src: url('BebasNeue-webfont.eot');
      src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
           url('BebasNeue-webfont.woff') format('woff'),
           url('BebasNeue-webfont.ttf') format('truetype'),
           url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
      font-weight: normal;
      font-style: normal;
  
  }
  
  @font-face {
      font-family: 'OswaldStencilRegular';
      src: url('Oswald-Stencil-webfont.eot');
      src: url('Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'),
           url('Oswald-Stencil-webfont.woff') format('woff'),
           url('Oswald-Stencil-webfont.ttf') format('truetype'),
           url('Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
      font-weight: normal;
      font-style: normal;
  
  }
  </code></pre>
  
  <p>Does anyone know what the problem could be here?</p>