What font is the textarea default font?

  • IMCWOW
    Asked on May 17, 2016 at 10:20 AM

    For some reason the default font for textarea and textbox are not the same. I haven't changed the default font on my form, is there a way to match the textbox and textarea?

    Jotform Thread 840836 Screenshot
  • Boris
    Replied on May 17, 2016 at 1:02 PM

    Until HTML5, the Text Area field (textarea HTML element) didn't have the same traditional placeholder as a Text Box field (input HTML element), so we have implemented a custom workaround to create our own equivalent.

    This means that our created placeholder will try to appear similar to traditional placeholder of input fields as much as it can, though it may appear slightly differently from placeholders, since each browser may render/draw a real placeholder a little bit differently.

    When it comes to the font used on the Text Area of your form, it is using the following CSS for font:

    .form-textarea {
        font-family: "Lucida Grande",Verdana;
    }

    On the other hand, the Text Box fields are using default font from your system (in my case, Arial). If you want to have the same font applied on both Text Box and Text Area fields, you may want to apply the following custom CSS to your form:

    input { font-family: inherit; }

    It will force the Text Box fields to inherit their font from the form, so it would be the same as the Text Area. You can apply CSS to your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please let us know if you need further assistance, we are here to help.

  • IMCWOW
    Replied on May 25, 2016 at 2:06 PM

    This worked, thank you!

     

    Can the same be applied to widgets, for example the masked input widget?
  • Ben
    Replied on May 25, 2016 at 3:11 PM

    I am glad to hear that the CSS worked.

    Now since we can only assist with one issue at a time, I have moved your post to a new thread here: https://www.jotform.com/answers/847181 where we will be assisting you shortly.