[Resolved] Adding font do not work

[Ying]

Hi Bart,

The justify option is in the latest GB, you’ll have to update the plugin to see that option.

[Bart]

Hi Ying

I got GB version 1.6.0 and GP 3.2.4 version, from what i see this is the latest version

[Ying]

If you log into your GB account, you’ll see the latest 1.7.0.alpha.1 version which was released yesterday.

[Bart]

Right, the only problem is that I cant log into the GB. I am trying to use the same password and login as GP however it does not work. And when i press reset password it shows that I do not have an account with GB. The same time i don’t see anywhere I can sign up or create an account.

[Ying]

Oh, sorry only GB Pro users would have an account with GB.

In that case, you can download it from here:
https://generateblocks.com/flexbox-sizing-tabs-accordions-more/

[Bart]

Fabulous!
However, I encountered another problem with the font. So in customizer, I do add Roboto Slab and then apply this to the BODY and turning off GOOGLE FONTS API, the font change looks to Times New Roman font. When I inspect the page it say that the font is actually Roboto Slab but it is still visible as Times New Roman… What should I do ?

[Ying]

What’s the @font-face CSS you are using?

[Bart]

This what I got added in additional CSS

@font-face {
font-family: ‘Amalfi’;
src: url(‘https://mgweddings.co.uk/wp-content/uploads/2023/01/amalfi.woff2’) format(‘woff2’),
url(‘https://mgweddings.co.uk/wp-content/uploads/2023/01/amalfi.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

That if for the font which we spoke before. But now it is about ROBOTO SLAB which I was able to add straight trough the TYPOGRAPHY in customization.

[Bart]

Ok I think I sorted. I just optimize the website and all works 😀

[Ying]

Glad to hear that 🙂

[Bart]

HI

I didn’t want to open a new topic because it is related to adding font.
So I was able to add font as we know but what if I would like to add another one, like 2-3-4 different ones? Obviously, I need to upload them, but what about additional CSS for that?

[Ying]

We can not provide the @font-face CSS for each of your font, as it’s not theme related, but here’s the guide: https://docs.generatepress.com/article/adding-local-fonts/

And David provided the template of the @font-face CSS: https://generatepress.com/forums/topic/adding-font-do-not-work/#post-2491409

Let me know if I miss anything.

[Bart]

Yes so this is the css for one font

@font-face {
font-family: ‘Your Font name’;
src: url(‘the_full_url_to_the_font_folder/fontname.woff2’) format(‘woff2’),
url(‘the_full_url_to_the_font_folder/fontname.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

Then if i got another font what should I add ? The same whole code? Or again font Family? Could you just show me the css if i upload 2 fonts. To easy it out we can call them font1 and font2

[Bart]

Oh I think I got it, I just add the same code but with different name and locations

[Ying]

Glad to hear that 🙂

[Author]

Posts