iPhone Fonts issues in Safari

  • Profile Image
    pgrous
    Asked on May 13, 2014 at 05:11 PM

    I'm having the same issue on my form as this thread - http://www.jotform.com/answers/199287-Font-display-issues-with-Iphone-

     

    Here's my form:  http://st-elizabeths.org/retreatsurvey.shtml

     

    Survey looks fine on PC.  On iPhone, in both Safari and Chrome, some of the choices are larger than others.

    Attached screenshot is what it looks like on my iPhone in Safari.

  • Profile Image
    BDAVID
    Answered on May 13, 2014 at 07:23 PM

    I just checked it on a browser emulator, and the same problem happens. I have forwarded this to our second level, you will be notified via this thread of any update on this matter.

  • Profile Image
    BDAVID
    Answered on May 13, 2014 at 07:48 PM

    Please follow this guide to  inject this CSS code in your form:

    .form-radio-item, .form-checkbox-item {-webkit-text-size-adjust: 100%;}

    Seems to solve the issue:

  • Profile Image
    pgrous
    Answered on May 14, 2014 at 09:18 AM

    Thanks @BDavid, that worked.  

     Suggestion - make that a standard part of the form's CSS.
  • Profile Image
    Carina
    Answered on May 14, 2014 at 11:56 AM

    I moved this sugestion to a new thread so it can be forwarded to our developers.

    Please check your answer here.

    Thank you