title: Using CSS @font-face with the iPad/iPhone
body: <p>I'm trying to use the font-face attribute of CSS with a custom font:</p>
  
  <pre><code>@font-face {
     font-family: "Handvetica";
     src: url("Handvetica.eot"); 
     src: url("Handvetica.ttf") format("truetype"),
       url("Handvetica.otf") format("opentype"), 
       url("Handvetica.woff") format("woff"),
       url("Handvetica.svg#Handvetica") format("svg");
  }
  </code></pre>
  
  <p>it works on ff, safari &amp; chrome properly.</p>
  
  <p>multiple sites on the web state that to use font-face on iOs devices (iPod/iPhone/iPad) an svg font is required.
  the fonts were converted using <a href="https://onlinefontconverter.com" rel="nofollow noreferrer">https://onlinefontconverter.com</a>, and i have all of the formats.</p>
  
  <p>the svg font doesn't show on iOs.
  Does anyone know how to make it work?
  Also, what is the right syntax for the # in the svg url declaration? what does it stand for?</p>
  
  <p>Thanks.</p>