Implementing Typekit

[9ashes]

Hello all,

 

I'm looking to incorporate typekit fonts onto my prestashop but I'm a little lost as to how to do it.

 

I've tried popping the typekit scripts into the header.php and setting up the CSS accordingly but to no avail...

 

Can anyone help me?!

 

Cheers!

 

Paul

[9ashes]

*bumping it up*

 

Can anyone help me on this?

[9ashes]

Seriously, does anyone have any advice for me?

[ollybowman]

Did you ever work out how to do this? I'm having the same problem.

[PotionsFactory]

Have you tried including the Typekit JS Reference to header.tpl in your theme?

[ollybowman]

Yes, tried putting it in various places in the header. The page doesn't load and I just end up with a blank screen.

[alejcak]

I've got the same problem - as soon as I add the JS, the site goes blank. Any one know how to fix this?

[ollybowman]

Any ideas, I just need to add the following two lines into the header, but it breaks the site if i put them in header.tpl.

 

 

<script type="text/javascript" src="//use.typekit.net/vtj4fui.js"></script>

<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

 

Surely this shouldn't be this difficult.

[PotionsFactory]

Loading typekit through a module seems to work just fine. I have no idea why it's breaking in header.tpl, though.

[ollybowman]

How do I load it in a module?

[PotionsFactory]

Actually, I'm wrong. You can put it in the header.tpl if you remove the try catch from the load script

 

<script type="text/javascript" src="//use.typekit.net/vtj4fui.js"></script>
<script type="text/javascript">Typekit.load();</script>

[ollybowman]

Thanks, that seems to work.

[S7 Media Ltd]

This has helped me too. Thanks!

[unalabs]

hello you can enclose your code in header.tpl

{literal}
<script type="text/javascript" src="//use.typekit.net/vtj4fui.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
{/literal}