FONT FAMILY ISSUES ON IPHONE

  • Profile Image
    cmeeinspire
    Asked on September 06, 2014 at 12:50 PM

    My form looks completely fine on a pc but the font that I use will not show up on the iphone.

  • Profile Image
    EltonCris
    Answered on September 06, 2014 at 08:26 PM

    Hi,

    That's probably because the font format you are currently using isn't supported with with iPhones (iOS). I think you should include multiple font types on the @font-face rule specially the SVG format which works properly with mobile safari browsers.

    Example:

    @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");

    }

    More info: http://stackoverflow.com/questions/11002820/why-should-we-include-ttf-eot-woff-svg-in-a-font-face

    Hope this helps!