When cloning a form to different account, the input fields font changes

  • Profile Image
    platzip
    Asked on April 04, 2015 at 02:54 PM

    I'm trying to import my jotform and while it seems to be working, the font in the text fields changes. I can't see a change in the code.

    Any advise?

     

  • Profile Image
    Ben
    Answered on April 04, 2015 at 06:01 PM

    When you say importing, do you mean cloning the form instead?

    I ask since importing can be done by several completely different tools so we would need to know which one of them was used for import, while when cloning a jotform there should be no change made to the fonts used.

    Now as a side note, I would like to suggest that you add E-Signature widget to your jotform since it would allow you to request signatures from your clients, instead of having them type it in instead.

  • Profile Image
    platzip
    Answered on April 05, 2015 at 09:44 AM

    Thanks!

    I tried to "move" the form from one jotform account to another by selecting "import form" in my second account. I used the forms url.

    Weirdly, it only changed the font in the text fields and even if I add a new field to the imported form I can't get the right font.

  • Profile Image
    Welvin
    Answered on April 05, 2015 at 11:15 AM

    Hi,

    But I guess when you preview the form, the font is correct? Can you confirm this? Because I've cloned the form and saw a different font in the form builder, but the preview is correct. Please find my screenshots below:

    In the form builder:

    In the form preview:

    The above issue also happened because the Google Font codes are generated using Google Chrome. You should have it using Mozilla Firefox. To fix that, use the following codes:

    @font-face {

      font-family: 'Actor';

      font-style: normal;

      font-weight: 400;

      src: local('Actor Regular'), local('Actor-Regular'), url(http://fonts.gstatic.com/s/actor/v6/OxqeYhb8dn7VMNU4gi8OwA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/actor/v6/gZ8EM_Gzaq4WRjCimioyzQ.woff) format('woff');

    }

    Then remove the following custom CSS codes:

    .form-html p {

    font-weight : bold;

    }

    After that, you should have the same "normal" result in the form builder and the form preview.

    Let me know if you need further assistance.

    Thanks