Typekit fonts on HTTPS WooCommerce checkout page

Hi Jenna, thanks for choosing to use our Typekit plugin!

The plugin uses WordPress’ standard method of checking whether a page is loading over SSL, and it seems that method (the is_ssl() function) isn’t detecting HTTPS/SSL on your site.

Could you please install and activate this plugin for me: https://www.ads-software.com/plugins/ssl-insecure-content-fixer/ ?

Once installed, it will help me pinpoint what is causing the SSL detection mechanism in WordPress to not work correctly.

James

Also, do you mind telling me who your web host is?

James

The plugin you asked for is activated, and my host is HostDuplex.com

Thanks Jenna.

Your Typekit embed code doesn’t seem to be getting output by our Typekit plugin.

In your case, your embed code is being output before the typekit plugin outputs its code.

Your site is outputting:

<script type="text/javascript" src="https://use.typekit.com/dpj7frj.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

Whereas our plugin should output it in the following format:

<!-- BEGIN Typekit Fonts for WordPress -->
<script type="text/javascript" src="//use.typekit.net/dpj7frj.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

Note that your method uses a https:// prefix , whereas our plugin’s method uses a // prefix.

Are you sure you’re using our plugin to output your Typekit embed code, or are you using another method to do so? If you’re using another method, please disable it.

Then if you go to Dashboard, Settings, Typekit Fonts, and paste your embed code in there, save the page, then I think your fonts will display correctly.

James

Hmm! I will investigate further!! Thank you.

The way to tell would be to go to Dashboard, Settings, Typekit Fonts.

If the “Typekit Embed Code” field (number 4) is empty, then it isn’t our plugin that is outputting your typekit fonts.

That field needs to contain your embed code in order for it to embed your Typekit fonts.

James

Yep, I see that the code is not there. You are right!! I’ll try to figure out what else is outputting the fonts and go from there. THANK YOU for your help and my apologies for not coming to the right place with the question.

Hi Jenna, I see that your fonts are now working on your checkout page. Great!

If you wouldn’t mind, it would be appreciated if you could submit a review of the plugin here: https://www.ads-software.com/support/view/plugin-reviews/typekit-fonts-for-wordpress

Thank you.

James

Yes, thank you so much for your help!

It turns out that I had to republish my typekit fonts in order to make them SSL compatible.

Also, my theme designers had set up the typekit embed code to run through my Genesis settings in the header, so that’s what was generating the code you saw.

I really really appreciate you helping me troubleshoot it, especially since it wasn’t the fault of your plugin at all!

And yes, I will post a review.

p.s. Can we scrub the embed code from this thread somehow? Thanks!

Thank you Jenna! Unfortunately I don’t have any way of editing posts on these forums.

James