How to setup a font size in Mobile browser

  • dress250
    Asked on June 11, 2014 at 4:14 PM

    size of html and size of field form can't adjust ..

    for view in mobile web browser,

    how to set it ?

     

     

  • bob
    Replied on June 11, 2014 at 5:45 PM

    You can setup font property by injecting custom css codes. See for example:

    @font-face {

    font-family: "Times New Roman";

    font-style: normal;

    font-weight: 400;

    font-size:25px;

    }

     

    /*Use the font name to .form-all class*/

    .form-all{

    font-family: "Times New Roman";

    }

    You can actually use the font style to your entire form by using the following codes:

    .form-all, .form-all label, .form-all input, .form-all select, .form-all button, .form-all textarea{

    font-family: "Times New Roman";

    }

    If you want to change the font size of the fields individually, you can do this by injecting the following codes which is implemented on the form:http://www.jotform.co/form/32194739996877

    .form-header

    {

    font-size:20px !important;

    }

    #label_3

    {

    font-size:25px !important;

    }

    #label_4

    {

    font-size:10px;

    }

    #label_5

    {

    font-size:30px !important;

    }


    If you are an iphone browser, you may like to embed the iFrame version of the form and adjust the height to 90% or 80% so that the form would display correctly with its fonts.

    Please get back to us with updates about your query.

    Thank You.