how to implement google fonts

[SteveLacy]

I see there are some other posts on how to implement Google fonts, but they are several years old and I believe Google has updated their process for using Google fonts.

Google's current instructions specify to include their style sheet:

before specifying the font in your CSS.

I have tried the following where I created a new CSS class in Appery with the following:

@import url(//fonts.googleapis.com/css?family=Josefin+Sans);

.google_menu {
font-family: 'Josefin Sans', sans-serif;
color: blue;
}

I then add the "google_menu" class to the mobilelist_29 item I want to use that google font.

It's not working. The other posts seem to refer to an obsolete method for implementing Google fonts. Any help is appreciated.

Thanks!

[Serhii Kulibaba]

Hello Steve,

It works fine.

You just need to replace all URLs from that CSS file:
from "http" to "https"

[SteveLacy]

Awesome! It works! Thanks!