iPhone Fonts issues in Safari

  • pgrous
    Asked on May 13, 2014 at 5: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.

    Jotform Thread 376827 Screenshot
    Page URL: http://st-elizabeths.org/retreatsurvey.shtml
  • David JotForm Support Manager
    Replied on May 13, 2014 at 7: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.

  • David JotForm Support Manager
    Replied on May 13, 2014 at 7: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:

    iPhone Fonts issues in Safari Image 1 Screenshot 20

  • pgrous
    Replied on May 14, 2014 at 9:18 AM

    Thanks @BDavid, that worked.  

     Suggestion - make that a standard part of the form's CSS.
  • Carina
    Replied 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