JotForm Injecting Adobe Font TypeKit to Form

Hello I am trying to embed adobe type kit to my form. I don't think i am doing it correctly. Can you please show me what am I doing wrong?

Also Once the type kit is embed how do I actually change the text with in my form?

Hi there,

The Adobe Typekit Web Fonts can be applied similarly to Google Web Fonts.

You will need to use the @import link in the custom CSS section of the form.

Example:

So, the next CSS can be added to the form:

@import url("https://use.typekit.net/vib5kay.css");

.form-all * {

font-family: fira-sans, sans-serif;

font-style: normal;

}

Let us know if you need further assistance.

Thanks

Hey , can you look at mine? I have that info in there already but I’m sure I’m missing something and I can’t figure it out.

Also Once the type kit is embed how do I actually change the text with in my form?

Hi there,

Please remove the CSS you are currently using and inject the following in the first link:

@import url("https://use.typekit.net/pxs1nvn.css");

.form-all, .form-all * {

font-family : 'brandon-grotesque', 'futura-pt', sans-serif !important;

font-family: futura-pt, sans-serif;

font-weight: 700;

font-style: normal;

}

You can check the result in this cloned form.

https://form.jotform.com/210341121327943

Let us know if you need further assistance.

Thanks

I attached some screen shots. One you can see the fonts how the look like a great height. But on my form the font is showing up like its short or smashed. Also, you have not answered my question as to how do I select what variation of the font do I want for different elements on my form. For example, the titles would be the bolder font, the tag or subheads a different one and so on.

Hi,

I've been working on your request. I'll be assisting you as soon as I'm done. Thank you for your patience.

Do not hesitate to contact us if you have any further questions.

Hi Lbmils,

I attached some screen shots. One you can see the fonts how the look like a great height. But on my form the font is showing up like its short or smashed.

Sorry for the inconvenience. You can change the font size under Form Designer (Brush icon on the right) > Style > Font Size as you can see below.

Also, you have not answered my question as to how do I select what variation of the font do I want for different elements on my form. For example, the titles would be the bolder font, the tag or subheads a different one and so on.

In order to apply this to each text on your form, kindly try this CSS code (replace it with the one my colleague sent above):

* {

font-family : 'brandon-grotesque', 'futura-pt', sans-serif !important;

font-family: futura-pt, sans-serif;

font-style: normal;

}

If you'd like to make question titles bold only, kindly inject this CSS too (I recommend you playing with the font-weight value to find the desired one):

.form-label {

font-weight: 700;

}

If you need to change the weight of specific texts (tags, subheads etc.), please provide us with more details (which text, labeli subheader on the form) so that we can assist you better.

Do not hesitate to contact us if you have any further questions.