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

  • Profile Image
    varsity1
    Asked 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?

  • Profile Image
    Ben
    Answered 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
    varsity1
    Answered 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
    EltonCris
    Answered 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!