Google Fonts – how to change?

[linzinz]

This is the existing google font code in functions for Revolution Pro.

function revolution_enqueue_scripts_styles() {

	wp_enqueue_style(
		genesis_get_theme_handle() . '-fonts',
		'//fonts.googleapis.com/css?family=Noto+Serif+SC:300,600|Playfair+Display:400,700,700i|Poppins:400',
		[],
		genesis_get_theme_version()
	);

I am trying to change fonts but the new Google code looks like this:

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;600&family=Noto+Serif&display=swap" rel="stylesheet"> 

I am struggling to find the correct way to implement the new code, any advice would be greatly appreciated! Thanks!

http://local

[AnitaC]

The two ways you are showing are different two different methods. If you want to add the fonts using the link method, you can copy the link method into the Genesis > Theme Settings > Header box under the Header and Footer scripts box.

---

Need help with customization or troubleshooting? Reach out to me.

[linzinz]

Thanks Anita,

I will use the original method however I was wondering whether to change to css2 as in the new code and whether the way the font weights are written mattered or needed changing to the new way.

[Marcy]

In all versions of Revolution Pro, you can replace Google Fonts in functions.php with new ones.

It's the section:

function revolution_enqueue_scripts_styles() {

	wp_enqueue_style(
		genesis_get_theme_handle() . '-fonts',
		'//fonts.googleapis.com/css?family=Noto+Serif+SC:300,600|Playfair+Display:400,700,700i|Poppins:400',
		[],
		genesis_get_theme_version()
	);
/* More functions */
}

You will replace:

wp_enqueue_style(
		genesis_get_theme_handle() . '-fonts',
		'//fonts.googleapis.com/css?family=Noto+Serif+SC:300,600|Playfair+Display:400,700,700i|Poppins:400',
		[],
		genesis_get_theme_version()
	);

with

wp_enqueue_style(
		genesis_get_theme_handle() . '-fonts',
		'//fonts.googleapis.com/css?family=Noto+Serif+SC:300,600|Playfair+Display:400,700,700i|Poppins:400',
		[],
		genesis_get_theme_version()
	);

---

Marcy | Amethyst Website Design | Twitter

[Author]

Posts