Website Font affected by SleekNote

Support
#1

Hello

In my tracking code manager plugin I have installed a new tracking code for SleekNote.

This has impacted the overall site font. What can I do to keep the font as was before the tracking code installation?

The code has been installed on my staging site:

Please see the font I would like to keep as on my production site:

Please advise

Thank you

#2

Hey Tatyana,

I’m sorry but I could not located where you’ve added the SleekNote script. But, if you remove that script, does not fix the issue? I see that the Google Font does not load in your staging site that is why it does not work.

Would you also mind deactivating all third party plugins and switch to the parent theme in your staging site? This is because we need to know if this issue is coming from the parent theme so we could report a bug in case.

Thanks.

#4

Please see screenshot. It is #5 SleekNote. I have tested whether the font goes back to normal when I delete this code in the Plugin and it DOES.

So there is something that this code does to the site that adjusts the font.

What can I do to keep the SleekNote Code in as well as leave my original font untouched by this extra code?

Please kindly advise.

#5

Hello There,

There are JS error in your homepage as of this moment. This could also contribute to the issue.
Please edit your homepage back in Cornerstone and remove this in your custom JS section:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
   <title>Cryptocoins Webfont Demo</title>
   
   <!-- CSS defining icons (required) -->
   <link rel="stylesheet" href="webfont/cryptocoins.css">

   <!-- CSS defining icon/coin colors (optional) -->
   <!--link rel="stylesheet" href="webfont/cryptocoins-colors.css"-->

</head>
<body>

<div id="demo">

   <h1>Cryptocoins Webfont Demo</h1>
   <p>
      Check the HTML if you're not sure how to include the icons to your project.
   </p>
   <p>
      Don't forget that every icon is available as a separate SVG file as well.
   </p>

   <div class="icons">
      <h2>A</h2>
      <i class="cc ADA" title="ADA"></i>
      <i class="cc ADA-alt" title="ADA"></i>
      <i class="cc ADC" title="ADC"></i>
      <i class="cc ADC-alt" title="ADC"></i>
      <i class="cc AEON" title="AEON"></i>
      <i class="cc AEON-alt" title="AEON"></i>
      <i class="cc AMP" title="AMP"></i>
      <i class="cc AMP-alt" title="AMP"></i>
      <i class="cc ANC" title="ANC"></i>
      <i class="cc ANC-alt" title="ANC"></i>
      <i class="cc ARCH" title="ARCH"></i>
      <i class="cc ARCH-alt" title="ARCH"></i>
      <i class="cc ARDR" title="ARDR"></i>
      <i class="cc ARDR-alt" title="ARDR"></i>
      <i class="cc ARK" title="ARK"></i>
      <i class="cc ARK-alt" title="ARK"></i>
      <i class="cc AUR" title="AUR"></i>
      <i class="cc AUR-alt" title="AUR"></i>

After removing that code, please test your site again.

#6

Hello

That could not have been the cause of the issue.

The one time when the font changes is when I enable that SleekNote code - so it is the only thing that causes the font on the entire site to change.

I still removed that JS code as you suggested, but it did not do anything.

Can you please see how the issues with the font changing with SleekNote code is affecting the site?

Thank you!

#7

Hello There,

After further investigation, the issue is not about Sleek Note. It turns out that the Google fonts were not loading.

Josephin Sans only have Latin, Latin Extended and Vietnamese subset. Original Surfer font only have Latin subset. The issue was caused by your custom setting where in all the subsets were enabled. I went ahead and disabled them all instead in X > Theme Options > Typography > Google Subsets.

Please check your staging site now.

#8

You are a legend! Thank you!!!

#9

You’re welcome!
We’re glad we were able to help you out.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.