Fonts not appearing on front end

Hi @jonmojo,

This has nothing to do with the Astra Pro plugin. The error in the console tells you what the problem is. Please try to re-uploading the font file and see if it does the trick. Or you might want to try to follow what is explained in this doc.

Please let us know how you go.

Kind regards,
Herman ??

I am having the same issue as @jonmojo. I added the custom fonts plugin to my site and then disabled Google fonts from loading from off-site and the fonts would not appear.

Also there is no doc that I see attached to your response @bsfherman.

I have the fonts manually typed in a doc and when I include them as CSS everything works but for some reason the custom fonts is not working. I researched on the internet and some people were saying that it has something to do with loading the fonts using http vs https. I have my website set on http redirect to https but not sure if its working with your plugin.

I hope this can get fixed soon. I really like the plugin and want to use it.

Thanks for reading.

Thanks Herman (@bsfherman) – You mentioned ‘this doc’ for reference, but the link is missing :(. I’m guessing it’s something in the Media upload process?

Hi guys,

I am sorry, I simply forgot to link the doc. Here is the link to the doc I was referring to.

I hope it helps.

Kind regards,
Herman ??

I contacted my host provider and they ensured that the SSL was installed correctly and everything was fine. I think this issue is simply a design flaw in the plugin. It has to do with how its creating the url path to the fonts. If this were implemented properly it should have nothing to do with SSL certificates.

When I manually type my location to the fonts folder I use ./fonts/ in the CSS file and it works every time without any issue. I don’t see why the plugin just can do this too.

For instance I have this and it works.

The plugin I went through the code. It’s simply building this list dynamically. If it’s building the CSS dynamically to appear just like this, then it should work.

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fjalla-one-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/fjalla-one-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fjalla-one-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/fjalla-one-v15-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/fjalla-one-v15-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/fjalla-one-v15-latin-regular.svg#FjallaOne') format('svg'); /* Legacy iOS */
}

• This reply was modified 1 year, 5 months ago by smithdeltabiz.
• This reply was modified 1 year, 5 months ago by smithdeltabiz.

The plugin is doing the same thing as this website google-webfonts-helper. Its constructing the CSS file to load the fonts.

When I copy the code generated by that website everything works no problem no SSL stuff or anything like that.

The custom fonts plugin is doing the same thing as the website but instead of having to copy and paste everything from their site to files and copying the fonts manually, the plugin is doing it automatically. It’s building the CSS file to load the fonts locally.

So this tells me that something has to be wrong with the design of how the custom fonts plugin is building the CSS file and the issue may be related to how its constructing the directional URL which is why some people are saying its an SSL issue but as you can see the sample code generated by google-webfonts-helper is independant of SSL and https redirection and will work based on however the user has their website configured to work whether its https redirection or not.

Hi @jonmojo,

It’s been a while since my last response. Hope the doc I shared is helpful.

I am marking this thread as Resolved due to inactivity.

@smithdeltabiz, as per the forum guide, please start your own thread. You are welcome to cross-link this thread, so we are aware of both.

Kind regards,
Herman ??