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

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?

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 :)

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;

}

@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!