Add a new Google Font

Hello, I am new to twentig and this is a answer to this question will be very helpful for me.

Hi there,

@panevin83 It seems that you have successfully added the Readex Pro with your child theme. We’ll update the Google Fonts list for Twenty Twenty-One in a future release.

@pixelnik It depends on the theme you are using (Twenty Twenty, Twenty Twenty-One, or Twenty Twenty-Two).

If you are using Twenty Twenty-Two (or any block theme), for the moment it’s not possible to add a font with Twentig. We only add a selection of Google Fonts because it’s not possible to add all Google Fonts without slowing the editor. And we choose only to include a selection of variable fonts for performance gains. We’re monitoring WordPress 6.0, and working on letting the user choose the Google Fonts of its choice.

• This reply was modified 2 years, 11 months ago by Twentig.

Hi @twentig ,
I added
in header:

<style>
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;500&display=swap');
</style>

in style.css:

:root{
	/* Font Family */
	--global--font-primary-child: var(--font-base, --font-headings, Readex Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-family-child: var(--global--font-primary-child);
	}

Then:

	h1, h2, h3, h4, h6, h5 {
		font-family: var(--global--font-family-child);
		font-weight: 500!important;
	}
* {
		font-family: var(--global--font-family-child);
		font-weight: 300;
	}
	#site-navigation a {
		font-family: var(--global--font-family-child);
		font-weight: 300!important;
	}

is this enough? i think some html tags are missing (?!)
Thanks!

@twentig
Thank you very much for the answer. Yes I’m using twenty-two So I will see which font fits best to me.

Hi @twentig please add the ability to bring in extra Google Fonts to the selection.

The plug-in description says it offers Google Fonts options (curated collection and custom Google Fonts)

This is misleading if only the curated collection is available. You should probably update the description to match the plug-in,but it would be great if you could update the plug-in to match description.

• This reply was modified 2 years, 11 months ago by helpfulwebhosting.

@panevin83
It seems good on your website. We’ll update the Google Fonts list in a future release.

@helpfulwebhosting
Thanks for pointing this out. The description is also for the default classic themes, which include the possibility to add any Google Fonts. We’ll update the description, but hopefully, we’ll update the plugin to match the description!

Hi there,

We’ve just released Twentig 1.4.6. Now you can add the Google Fonts of your choice and even host it locally (Site Editor > Twentig Styles > Typography).

Have a nice day,
Yann

Wonderful news, thank you