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

    Support for Adobe Typekit Web Fonts

    Asked by MartaVincent on August 26, 2016 at 06:30 PM

    Hey, Guys -

    My website is uses Typekit for its web fonts and I cannot find a Google Font that is anywhere close. I'm using iframes to place the JotForm on my website, so it's important that I get the fonts in the form to match my headers, footers and other body content.

    Typekit is part of Adobe Creative Cloud and is free to subscribers. Given Adobe's dominance with creatives, web designers and increasingly with developers, how soon can we expect JotForms to support it?

    Thanks,

    Dan

    web fonts Adobe Typekit for JotForm font developers content
  • Profile Image
    JotForm Support

    Answered by BDAVID on August 26, 2016 at 07:31 PM

    I have never worked with Typekit, but If Typekit provides any font codes for embedding then that would be possible as it is possible with Google Fonts.

    Here is a related guide: https://www.jotform.com/help/100-How-to-Use-Google-Fonts-in-your-Form, which is for Google Fonts, but the idea would be the same to apply with Typekit.

  • Profile Image

    Answered by MartaVincent on August 29, 2016 at 01:53 PM

    Hey, BDAVID!  Thanks for the quick response!!

    The problem is Google Fonts only uses free publicly licensed fonts and does not offer fonts from most of the big type foundries. We work for a number of national retailers that have very specific brand guidelines that stipulate which fonts we are able to use as part of their corporate identity. Font substitution is not an option.

    As a service, supporting TypeKit is easy and nearly ubiquitous for Web Builder services like JotForm. For example most Tumblr themes, Squarespace and WordPress support TypeKit by simply pasting 7 digit alpha numeric Kit ID into the site admin.  By pasting the TypeKit Kit ID (say ABC1234) into the admin, the following code is injected in-between the <head> and </head> tags allowing he user leverage any fonts they select from TypeKit:

    <script src="https://use.typekit.net/ABC1234.js"></script>

    <script>try{Typekit.load({ async: true });}catch(e){}</script>

    Sadly, I see that JotForm does not support code injection that would allow users to insert these two lines of code into the head of the HTML. Could I ask your team to manually insert this code for me? I can supply my Kit ID to you outside of this thread.

    Thanks,

    Dan

     

     

  • Profile Image
    JotForm Support

    Answered by BJoanna on August 29, 2016 at 03:32 PM

    Unfortunately it is now possible to add script codes to our forms inside of Form Builder, even from our end. 

    If you want to use Typekit Web Fonts only possible workaround is to embed your form to your website using full source code and then to add your script codes for Typekit to your website as well. 

    Inside of this guide you can find how to get  full source code of your form:

    https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form 

    Hope this will help. Let us know if you need further assistance.

  • Profile Image

    Answered by MartaVincent on August 29, 2016 at 05:31 PM

    Thanks, Joanna. Again, thanks for the quick response! I'll give this a try. Although I believe I've read elsewhere in this forum that Squarespace does not support the full source code option...but I'll give it a shot.  THANKS!

    Dan

  • Profile Image
    JotForm Support

    Answered by Kevin_G on August 29, 2016 at 09:13 PM

    Yes, based on their guide it is needed to add some JavaScript code to use the font: https://helpx.adobe.com/typekit/using/add-fonts-website.html 

    The only way to currently use the Typekit fonts will be getting the source code, as you're using Squarespace here is a guide that may help you: https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript