Fonts Not Displaying After Making Site Https

Hi,

I am on an older version of CS Cart (3.x)

Earlier today, I made the necessary changes to my .htaccess file as well as to the func.php file within the seo add-on in order to make my entire site https secure (previously only the checkout page was ssl).

After making the changes, I noticed that my fonts are displaying properly on mobile devices. Is there something I can do to fix this? Any help would be greatly appreciated!

Thanks,

Matt

Please share or PM URL of your website

Hi,

I am on an older version of CS Cart (3.x)

Earlier today, I made the necessary changes to my .htaccess file as well as to the func.php file within the seo add-on in order to make my entire site https secure (previously only the checkout page was ssl).

After making the changes, I noticed that my fonts are displaying properly on mobile devices. Is there something I can do to fix this? Any help would be greatly appreciated!

Thanks,

Matt

Hello Matt,

Do you have any additional cache? CDN?

Im unsure if I have an additional cache or cdn. Where would I look to find out? My site is http://gratefulglass.comAlso, I now believe that the fonts are not displaying correctly on any device regardless of mobile/tablet/computer... I think the only reason they were displaying correctly on my own laptop is because I have the actual font sets installed directly on my word processor on the computer in which I was viewing my site. I've got CS Cart looking into it but I appreciate any insight. Thanks! -Matt

whats the problem, is it beacuse they are not as bold

glass.jpg

No, the proper header font (Gruppo) is not displaying correctly. Its working on my computer, but likely only because the font set installed on my word processor. See attached pics for how its displaying vs. how it should look. I did not have this issue prior to switching the entire site over to https.

Screen Shot 2018-09-03 at 2.25.06 PM.png

Screen Shot 2018-09-03 at 2.20.52 PM.png

Strange. All font names shown in the browser inspector are the same font.

Have you tried clearing cache (delete /var/cache/)?

I see http link which includes Google fonts. Try to change it to https

http://prntscr.com/kqbl1e

Interesting. Can I ask where you snapped that screen shot? Or better yet- where can I go to edit that link address?? I still don't know why it would be working fine previously and now it is not, but who knows... Im thinking that it likely has not been displaying properly for a while now and I just have not checked it recently...

Thanks

Matt

I wonder why the browser didn't throw the insecure message.?

I think recently Google changed its policy to only accept secure connections. Check all of the files in /skins/basic/customer/addons/my_changes/stylesheets/ for the link.

It likely did show an unsecure connection message and is also likely the reason my organic rankings in google have been dropping of late... it just took me a bit to notice and address the issue!

So I was able to find where I need to make the link address change to the https google font page- which I believe is in the styles.override.tpl file. I made the change, but its still displaying the incorrect font on my phone. This might be a simple one, but how to I go about clearing the site cache on cs cart 3.x? I dont see anywhere on the backend of my site that would allow me to do it

I don't remember the file structure for 3.x. Do you not see a /var/cache/ folder?

Hmmm, I was looking for something straightforward in the admin backend. I do see a var/cache folder within my ftp access with 3 subfolders - misc, registry, and templates. Im not sure that I have the comfort level to go in there and start deleting folders. I did just take another look at my site through safari web inspector and it is still in fact trying to pull from the http google fonts site even after changing it to https in the styles.override.tpl. Also, looks like some kind of hierarchy request error that I dont recall seeing before... I wonder if this could be related to the https site change?

You don't have to worry about deleting the files. They will generate again. If you feel uncomfortable, rename the /var/cache/ to /var/cache2/ instead.

Awesome, thank you much! I followed your advice and and that did the trick!! No more warning message from google fonts rejecting the http site. I just checked my phone and the fonts are displaying as they should be! :grin:

I ran safari site inspector again and its still picking up on this hierarchy error. Do you have any insight as to what that may be? I do not recall seeing it previously (although it's been a while), but I wonder if it has anything to do with making the site https. See attached screen shot. Thanks again for your help!

Screen Shot 2018-09-04 at 10.39.29 PM.png

I'm not positive but I think it is stating that it is not appended correctly. I'm not familiar with the code so I don't know how it is supposed to be appended.

(function() {
        var ga = document.createElement("script");
        ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
        ga.setAttribute("async", "true");
        document.documentElement.firstChild.appendChild(ga);

Also please note that there are still https links in your code (Pinterest and authorizeNet)

I am confused- I thought https links were preferred to http? Or are you saying that they need to be switched to https? Where do I need to go to modify if necessary? Update on the heirarchy issue, CS Cart was able to amend the code for me and fix the problem!

I am confused- I thought https links were preferred to http? Or are you saying that they need to be switched to https? Where do I need to go to modify if necessary? Update on the heirarchy issue, CS Cart was able to amend the code for me and fix the problem!

Since these links do not come with demo data, check custom HTML blocks to change these links

I tried poking around design>blocks but I cannot seem to locate the custom html or even how I would go about editing it in the first place... I could be looking in the wrong place? It has been a while since I've made any html changes to my site. I do appreciate the heads up, but Im not too worried. I imagine those outgoing links automatically get forwarded to the https version of the site anyhow... Thanks for your help everyone! Much appreciated!!