Load Google font funktions.php

[mollebjergParticipant]

I would like to change my fonts from Poppins to Roboto and Roboto Slab. How can I do that?

My theme (Revolution Pro) loads the current font family (Poppens) in funktions.php

function revolution_enqueue_scripts_styles() {
wp_enqueue_style(
genesis_get_theme_handle() . '-fonts',
'//fonts.googleapis.com/css?family=Poppins:400,200&display=optional',
[],
genesis_get_theme_version()
);

I have tried to change the URL to href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab&display=swap" but it does not work.

https://babyuniverset.dk/

[vukmilicevicParticipant]

Hello,

Change "Poppins" to "Roboto" or "Roboto+Slab" and ditch the "200". Much more useful is 400,700 (which translates to normal and bold). Also, instead of display=optional, you should (as per Google's advice) use "display=swap".

By not using &display=swap, you will not have the issue with changing fonts (the short blink on the first load, however it will take an increased amount of time before any text using the font is visible on your website, and PageSpeedInsights will mark it as an error. Aggregation of such "errors" over time affects your SERP.

And, finally, you can combine fonts, just separate them with a pipe symbol:

//fonts.googleapis.com/css?family=Playfair+Display|Source+Serif+Pro|Suwannaphum&display=swap

[Author]

Posts