Using Typekit fonts with Justuno

Since Typekit fonts are called through javaScript, they are a little different from our normal use case. Here is what you should do:

1) Go to your promotions and click edit design on the one you want to add custom fonts to. Then click the custom code button in the top right. There will be several tabs at the top of the page. Click on the one that says "Pop Up JS".

2) Click the Override Default JS button so that it is in the "on" position, and add this code in the code field:

$.getScript( "", function( ) {
console.log( "Load was performed." );
try {
async: true
} catch (e) {}

Be sure to change the part that says "yourKitCode" to your unique identifier, but leave the ".js" on the end.

Here is a screenshot of what things should look like so far:


3) You will have to add to your list of published domains for the kit you are using. You will have to do that through your Typekit account.

4) Lastly you will have to add the selectors of the elements that you want to apply the font to through your Typekit account. The selector is going to look something like this:

.design-layer[data-layername="your layer name here"] *

For example check out this screenshot:


The selector for the layer I have circled in blue on the screenshot would be:

.design-layer[data-layername="Layer 24"] *




TAGS: Typekit, Custom Fonts, Adobe Fonts