Importing fonts from TypeKit

Elements Typography
17

A couple things:

You’re using {resources} -- but it should be {resourcesFolderName}. The full URL to one of your files would be: url(’${resourcesFolderName}/Filename.otf’)

 <style>
    @font-face {
        font-family: 'DDG_ProximaNova';
        src: url('${resourcesFolderName}/ProximaNova-Sbold-webfont.eot');
        src: url('${resourcesFolderName}/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
             url('${resourcesFolderName}/ProximaNova-Sbold-webfont.woff') format('woff'),
             url('${resourcesFolderName}/ProximaNova-Sbold-webfont.ttf') format('truetype'),
             url('${resourcesFolderName}/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
        font-weight: 600;
        font-style: normal;
    }
    </style>

When you load Typekit, make sure you use the full URL. Use src=“http://use.typekit.net/slg2rcc.js” instead of src="//use.typekit.net/slg2rcc.js"

Also, can you confirm that you’ve added 127.0.0.1 and localhost to your allowed domains here? http://help.typekit.com/customer/portal/articles/6857-using-typekit-while-developing-locally ?

(If you have issues with this, please post in this thread)

Here’s a corrected document with just one font added: ProximaNova-Sbold

BangExplainer v3.hype.zip (1.4 MB)

Glad you’re liking Hype!