At some point, the custom fonts I chose (in the theme customization area) stopped showing. I think the problem was intermittent at first but now I don’t see my chosen fonts at all. The majority of my fonts are sans serif (Raleway) but I’m seeing a serif font. I had issues with a Jetpack update messing with my site layout just this week so I disabled the Jetpack plugin. I previously had all of my custom styles in the “edit styles” area but when I disabled Jetpack, I ended up having to add the css code to styles.css in my child theme.
Any ideas what could be wrong?
Hi Amy
Thanks for reaching out.
Have you made progress since posting? Raleway looks to be the font used on your home page.
Actually, it seems that the Raleway font is showing where I have specified it to within my own CSS. The main body text is showing as a serif font and I have set it as Raleway (sans-serif) in the theme customization area but not in my own custom CSS. So the font choices within the theme customization may not be working but at least there’s a workaround. Thanks for pointing that out.
The Customizer CSS appears to be outputting normally. If you check the page source you’ll see it in a style block with id
customizer-css
, here is how it starts:@import url(//fonts.googleapis.com/css?family=Raleway:400|Raleway:700); body,button,input,select,textarea { font-family: "Raleway"; font-weight: 400 }
I’ve searched around the site a bit, I can’t find a location that isn’t using Raleway. If you’d like me to inspect the site without your Custom CSS in place, I’d be happy to do so :)
I’m not sure why changes aren’t reflecting within the Customizer. We could troubleshoot that, but if your site is running well, it might not be worth your time. At the moment, I, unfortunately, can’t recreate that locally.
It looks like your child theme stylesheet targets heading tags and a few other items. From what I can see at a glance, the Customizer CSS I mentioned above is successfully targetting the body text and other global elements.