How to change Font with Custom CSS

Ask for Help
1

Hello, I have purchased the Pro Plan with the intention of customizing the font in my app. I would like to use the following fonts:

For example, I would like to use the ExtraLight variation of Poppins. I wanted to set it up as a Global font just to see how it works

.poppins-extralight {
font-family: “Poppins”, sans-serif;
font-weight: 200;
font-style: normal;
}

In the Custom CSS box (Settings → Appearance) this is what I have entered:

@import url(‘https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap’);

.poppins-extralight {
font-family: “Poppins”, sans-serif;
font-weight: 200;
font-style: normal;
}

This did not change the font, even removing the import statement did not chnage the font to what I wanted, it just went to default Sans Serif. I saw that online that we cannot import fonts into the Glide App, so is there another way to show custom fonts in the app?

tldr; How can add a custom global font to my app using the Custom CSS feature on the Pro Plan? Would appreciate any help! Thank you.

1 Like
2

Check this out:

5 Likes