Request to add fonts to https://europe.wordcamp.org/2024/ and https://wceutest24.wordcamp.org/2024/

[hideandgeek404]

Related Issue: #1075

As @StevenDufresne suggested:

For the time being, as @dd32 has suggested, we'll manually add fonts until WordPress/gutenberg#55063.
If you want to use a Google Font, open an issue with the fonts you want to be added.

Would like to make a request for the following fonts to be added for both https://europe.wordcamp.org/2024/ and https://wceutest24.wordcamp.org/2024/

@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

Thank you very much for all your help!

[pkevan]

@StevenDufresne did you figure out a solution for this?

[StevenDufresne]

This should be done.

You'll need to activate the variant on each site:

Screenshot

[hideandgeek404]

Hmm, maybe we aren't doing something right but even with those fonts appearing in the Global Styles options, they do not seem to be getting loaded. There are some font's being loaded from Google (such as Inter) but these custom ones are not appearing anywhere and the site falls back to the sans serif default font.

Any ideas what we might be missing?

I looked at the Install fonts section and noticed that that one seemed to have the correct font but the variant was Krona One 400 normal. Could this be the issue?

[ryelle]

It looks like we need to do a little more on the WordCamp site to make this work— I added a draft page to test fonts to the WC Europe site which I've been using to test this, but so far I haven't gotten it working.

[ryelle]

@hideandgeek404 Okay, Krona One and Lora should be available for WordCamp Europe now. I see them loaded and rendered on the front end in my test page:

[CarlosLongarela]

Thanks @ryelle in our testing website (https://wceutest24.wordcamp.org/2024/) in frontend, don't load the fonts (we force to load with CSS loading the file from Google Fonts):

But if it's working on the live website, it's ok.

Thought is, would be possible to load the fonts in woff2 format? (we have the fonts in that format if they are necessary).

Thanks.

[ryelle]

I only activated them on the main WCEU site, but they are available on the test site too. If you load these, you can remove your google fonts workaround.

Thought is, would be possible to load the fonts in woff2 format? (we have the fonts in that format if they are necessary).

The process we've got right now is a patch until this feature is better supported in core, and it sounds like the core process should support woff2. But yes, I can swap out the files for woff2. I'll let you know when that's done.

[CarlosLongarela]

Oh, fantastic, I deactivated the two additional fonts, activated these two fonts as Theme fonts, deleted the additional CSS hack, deleted cache and working fine. Thanks.

[CarlosLongarela]

@ryelle sorry to bother you with this again. On the live website, we will change the current theme (2023) to the 2024 theme in a few days to transfer the staging website design. Would be necessary to install these two fonts again?

[ryelle]

Would be necessary to install these two fonts again?

No, the fonts should be available for any block theme 👍🏻