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

    CSS and Theme Designer not showing Google Font

    Asked by nickbh on September 17, 2015 at 02:52 PM

    I have installed a google font.

     

    It shows up as I would like when viewing live (the font is Monserrat) - ie in a browser thought the embed link

     

    However when I am editing or using the CSS /Theme Designer its still shows in the defualt of Courier Font? - see other screen shots.

     

    Please help - the designer is driving me crazy.

     

    Thanks

    Nick

     

    Screenshot
    font google font and designer
  • Profile Image
    JotForm Support

    Answered by BDAVID on September 17, 2015 at 08:25 PM

    In order to show the Google Font also when on edit mode, you actually need to modify the custom CSS:

    Copy the whole code and paste it a text editor like Sublime Text, and look for the word Courier  and replace it for "normal", 

    Here is my cloned version:  http://form.jotformpro.com/form/52598082082965?, you may clone it if you want to: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image
    JotForm Support

    Answered by abajan on September 17, 2015 at 08:52 PM

    I suppose it's worth noting that while it's true the font doesn't update in the regular form builder without the change mentioned by my colleague, it does in the form designer (at least, according to my tests on a clone of the form)

     

    Cheers

  • Profile Image

    Answered by nickbh on September 18, 2015 at 08:28 AM

    Thanks.

     

    It works great apart form the Radio button.

     

    The radio button still shows in Courier.  I have searched all the CSS and cannot find the issue?

     

    The form in question is>52596132568362

    Thanks

     

     

     

  • Profile Image

    Answered by nickbh on September 18, 2015 at 08:48 AM

    Hi,

     

    Another update.  If I later update ANY CSS in the theme designer it also then reverts all the Fonts back to Courier in the normal design view?  The previiew and Theme Desinger views are fine though.

     

    Any chance you can just add the font into your standard fonts - then all this would probably go away?

     

    Cheers

    Nick

     

  • Profile Image
    JotForm Support

    Answered by BDAVID on September 18, 2015 at 10:51 AM

    Seems like the imported fonts won't take effect in the builder, since it's not part of the standard fonts, however it takes effect in live( preview and embedded). Unfortunately, there is something else we can do to avoid it reverting back when updating any CSS in the Designer.