title: OpenType font not rendering properly on iOS
body: <p>I'm working on a Ionic project, and for some reason the font we are using is not rendering properly in iOS (in Android it's working well). We used the @font-face rule in order to use the font. It works well if I switch to another font (I've tried with other truetype fonts).</p>
  
  <pre><code>@font-face {
  font-family: 'font_title';
  src:  url('../fonts/font_name.otf') format("opentype");
  }
  </code></pre>
  
  <p>Here's an <a href="http://i.stack.imgur.com/aPIns.jpg" rel="nofollow">Example</a> of what happens: The title should say "Notificación", but instead it shows "Notiffjcación". <a href="http://i.stack.imgur.com/aZOcA.jpg" rel="nofollow">This other image</a> shows how instead of "..." it shows "%.", and you could also see the different color at the accent mark.<br>
  ¿Can anybody tell me if there's a workaround for this issue or should we just use another font? ¿is this problem caused by the font or by the OS?<br>
  Thanks in advance!</p>