Archived topic
Adding font do not work
29 replies · Started by Bart on January 10, 2023
Hi Bart,
The justify option is in the latest GB, you'll have to update the plugin to see that option.
Hi Ying
I got GB version 1.6.0 and GP 3.2.4 version, from what i see this is the latest version
If you log into your GB account, you'll see the latest 1.7.0.alpha.1 version which was released yesterday.
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.
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/
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 ?
What's the @font-face CSS you are using?
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.
Ok I think I sorted. I just optimize the website and all works :D
Glad to hear that :)
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?
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.
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
Oh I think I got it, I just add the same code but with different name and locations
Glad to hear that :)