Forum | Appery.io

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!

Hello Steve,

It works fine.

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

Awesome! It works! Thanks!