Hi There,
I did go ahead and fix it. Your headlines now are in Brown-Bold and the body text are in Rubik
All your 3 variants of Brown fonts are working now, Brown-BoldItalic, Brown-Bold, and Brown-Light, you can use that with that font-family names respectively.
Here’s what I did, I added !important
statement here.
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, blockquote {
font-family: 'Brown-Bold', sans-serif !important;
}
To make sure ‘Brown-Bold’ is applied to headlines.
Then I remove this:
body {
font-family: 'Brown-Light', sans-serif;
}
So the Rubik font is applied to your body text, and won’t be overwritten.
I also remove all your @font-face
statement from the Theme Options > CSS, because you already have that in child theme’s style.css file declared.
Then lastly, I have cleared the W3 Total Cache to make sure that all my changes are applied.
Please clear your browser’s cache too.
Hope it helps,
Cheers!