Google font working in Cornerstone, not showing on live web view

[sc8tty]

Hey guys. I’m trying to use Rubik on an h3 (it’s not a Theme Options body or heading font) and I see it in Cornerstone, it worked for a while on the live web view, now it’s not showing up there. I’ve tried clearing the caches.

Font is imported in global CSS:

@import url(‘https://fonts.googleapis.com/css?family=Rubik:300,500,700’);

URL is toastcatering.com/deliverynew. This is the CSS I’m using:

section.menu h3 {
background-color: #e4e5e6;
border: none;
color: #343741;
font-family: ‘Rubik’, sans-serif !important;
font-weight: 500 !important;
margin: 0 0 1rem 0;
padding: 0.7rem 0.9rem 0.6rem 0.9rem;
}

[ruenel]

Hello @sc8tty,

Thanks for writing in!

Please utilize the Font manager to add Google’s Rubik font. You can then assign the font in the Tab Panels Text Format settings.

To know more about the Font Manager, please check this out:

• https://theme.co/docs/font-manager#what-is-the-font-manager

[sc8tty]

I loaded it in the Font Manager. Still not working. I don’t want to assign the font in the Tab Panels because I will be using it elsewhere.

[ruenel]

Hello @sc8tty,

I have checked your font and it is loading perfectly on my end. I even compared it to Google Font.

Please clear your browser cache and test your site again.