Typekit fonts with Foxycart?

Hey guys,

Is there a recommended way to use our custom Adobe typekit fonts in the checkout and receipt pages?
Comments
  • fc_joshfc_josh FoxyCart Team
    Hi @Epotratz.
    Once you add foxycart.com to your domain list in your Typekit settings you should be good to go: https://helpx.adobe.com/typekit/using/domains.html

    Thanks,
    Josh
  • @fc_josh,

    Ahh yes, I just added secure.botanicalcraft.com to my typekit domain list.

    So all we need to do is cache our pages in foxycart, and it will pick up the typekit fonts?
  • fc_adamfc_adam FoxyCart Team
    @Epotratz,

    You'll need to include the typekit assets to actually have the fonts loaded in the FoxyCart templates - we don't have any automatic inclusion of typekit fonts ourselves.
  • @fc_adam,

    This is all we have in regards to Typekit (below). Is this all you guys need to use the typekit fonts in foxycart checkout and receipt page?


    <script>
    (function(d) {
    var config = {
    kitId: 'aec0mvl',
    scriptTimeout: 8000,
    async: true
    },
    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
    })(document);
    </script>
  • fc_joshfc_josh FoxyCart Team
    @Epotratz
    As long as you have whitelisted your custom subdomain with Typekit, you should be able to include Typekit fonts just as you would on any of your other website pages. Once you cache the url, it should bring in needed resources. Please try and let us know if you get any errors or run into any issues.

    Thanks,
    Josh
Sign In or Register to comment.