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

    Can I use custom web fonts from my site with Jotforms?

    Asked by varsity1 on August 19, 2015 at 03:32 PM

    Our website uses Gotham font from cloud.typography.com. Is it possible to style a Jotform with this font style from your .css or the .css on our site?

    Page URL:
    varsitychurch.wpengine.com/host-teams

    site web fonts JotForm style font
  • Profile Image

    Answered by Ben on August 19, 2015 at 05:16 PM

    You can import the fonts from your server by following the steps here: Beautify your Form with Google Web Fonts

    It is also possible to change it on your website as well, but it will be much easier to change it as per instructions above.

    Of course, if you need any assistance or have any questions, do let us know :)

  • Profile Image

    Answered by varsity1 on August 20, 2015 at 06:08 PM

    Thanks Ben!

    I did my best to follow the thread and did not get it to work. The code I used is contained in the screenshot I've attached.

    Could you advice on the proper .css?

    Thanks!

    Okay the support editor's image upload does not work...

     

    Here is the snippet I used:

     

    @font-face {

        font-family: "Gotham A", "Gotham B", Sans-serif;

        src: url(http://cloud.typography.com/6311312/621848/css/fonts.css);

    }

     

    .form-all{

    font-family: "Gotham A", "Gotham B", Sans-serif;

    }

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 21, 2015 at 12:15 AM

    @varsity1

    The link on your font face code is a CSS file not an actual font files.

    The font file should have either any of this format .woff, .eot, .otf or svg.

    However, if yo are going to import an external CSS, use the following code instead and place it on top of all the CSS codes.

    @import url('http://cloud.typography.com/6311312/621848/css/fonts.css');

    Though, there's an error when I visit this file http://cloud.typography.com/6311312/621848/css/fonts.css. It is not found. Kindly review.

    Thanks!