[Support request] Custom Font Issue Displaying Correctly?

[JJ Smith]

So I’m using a custom font and everything works great on the home page. The font loads and no errors. Using a custom file font loaded to the server then CSS to control what we want to display and such.

The issue happens when you create a new page then the font breaks and goes back to standard font.

Have you ever seen that?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[JJ Smith]

I’m working off my desktop right now.

[Leo]

Ok let us know when we have something to look at 🙂

[JJ Smith]

I will do that.

Will get it up and live shortly.

Thank you,
JJ

[JJ Smith]

I added the IP address website URL in so you can see what is going on.

The front page works great, but the showcase page breaks the font and all settings.

I’ve never seen this before.

Thanks,
JJ Smith

[Leo]

How are you adding the font currently?

Can you try the steps here if you haven’t already done so?
https://docs.generatepress.com/article/adding-local-fonts/

[JJ Smith]

I have it loaded up on the server and use @fontface on the CSS.

You see when you go to the different page it all breaks?

[David]

Hi there,

in the @fontface CSS you need to set the full URL to the font.

[JJ Smith]

So I can’t do this?

src: url(“css/fonts/*****___.ttf”);

[Tom]

It depends where you’re adding the CSS.

If it’s in a child theme, you can use a relative address.

Otherwise, you need to use the full URL.

[JJ Smith]

Not using a child theme. Using GP and Simple CSS.

[David]

As Tom says, you will therefore need to add the full URL.

[JJ Smith]

Can you give me an example just to make sure I do it right?

Thank you,
JJ

[David]

this

http://216.92.135.72/css/fonts/ruben___.ttf

[Author]

Posts