Trouble adding additional Google fonts

Support
#1

I found and attempted to add more font options using the info found here:

After adding the required lines to my style.css file and the calling out the class in the element, I can’t seem to get it to work. Here is a screenshot of my css style sheet:

Am I doing something wrong?

#2

Hi There,

Thank you for writing in, would you mind providing us the site URL and point us the element where you used the font so we can take a closer look.

You can use the “Secure Note” if you don’t want to share your URL publicly.

Cheers!

#3

Sure. The info is below.

#4

Hi There,

Thanks, but those paragraph is already in Montserrat (https://prnt.sc/g8x6fy). Please clear your browser’s cache and caching plugin.

I saw one instance you added the class as .custom-font-100 do not prefix a class with period when applying it to an element (see the Row of the first Section). Maybe this is the reason why the class custom-font-100 did not work.

Cheers!

#5

Thanks. I made those changes. When I am editing the page in Pro, I can see the different font weights and use the custom class codes in different elements. However, in my browser, it still displays using the same font weight and doesn’t seem to hold the custom class.

I have cleared my cache multiple times and tried different browsers (Chrome, Mozilla) and no luck. Any ideas?

#6

Hello There,

Thanks for updating in! It turns out that you have installed a caching plugin W3 Total Cache. To resolve this issue, you will need to clear your plugin cache before testing your site. W3 Total Cache can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

#7

That fixed it. Thanks!

#8

Glad to hear that. :slight_smile: