What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Changing the font in one of my boxes

    Asked by dotandpeg on August 01, 2011 at 02:01 PM

    This is my form.

    <iframe allowtransparency="true" src="//form.jotform.com/form/12085422546" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no">

    For some reason the last box called 'leave a few details here' does not take on the styling of Arial font. How can I change this?


  • Profile Image

    Answered by DanielGriffin on August 01, 2011 at 03:15 PM

    Hi there,

    It looks to me like you have solved the problem, but if you are still seeing this issue, say in some particular browser for example, then please let me know and i'll try to help you through it.



  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 01, 2011 at 03:37 PM


    The user's issue with the textarea font is only apparent under Firefox, Chrome, and IE. The form looks fine under Safari (Windows), so I guess it has to do with the browser.


    Inject the css code below to your form:

    .form-textarea {
    font-family: Arial;

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


    Hope this helps. Feel free to contact us again if you have other queries. Thanks!


  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 01, 2011 at 05:14 PM

    Please use this code:

    .form-textarea {
    Let us know if it helps or not.
  • Profile Image

    Answered by dotandpeg on August 02, 2011 at 07:48 AM
    Hi Neil,
    I tried that but is still doing the same thing. Weird. Do you have any
    other ideas?

    LAURA GAUNT Design and Production Dot & Peg +44 (0)7815
    892224 twitter/dotandpeg

    Dots favourite colour this month is Crystal Water Blue and Pegs
    favourite exhibition is Miro at The Tate

  • Profile Image

    Answered by allanftd on August 02, 2011 at 09:23 AM

    Hi laura,

    Let's do it the old fashioned way. Please go to the Properties of the last field and type the following in the field's label:

    <font face="">Leave a few details here:</font>

    as shown below:

    I've tested it by cloning your form and it seemed to work fine - http://www.jotform.com/form/12131533380

    Please let us know if it works for you. Thank you for using JotForm!


  • Profile Image

    Answered by allanftd on August 02, 2011 at 10:34 AM

    Yes, please. You can visit the clone of your form with this suggested changes implemented here - http://www.jotform.com/form/12131533380

    Kindly try it and let us know if it works well for you. Thank you for your patience!