Another weird one. While I was typing this, the problem cleared and the Google Font I imported in the child theme’s style.css started working. Do Google fonts take minutes to download? I’d appreciate it if you would take a quick look below to make sure I didn’t sabotage myself, but I went back and cleared the references everywhere but the child style.css and it’s working.
Sorry to hit you with this one, but I’ve tried what I’ve read in a dozen threads and still can’t get them to load except in Appearance > Customize > Typography > Body Font. Every Google Font I’ve selected there comes up fine as body text with no other css entries at all, but references to them in other parts of the site don’t work.
The dev site is realhdr.com
The font in question is Permanent Marker. I can make it work on in a text element if I put
@import url(‘https://fonts.googleapis.com/css?family=Permanent+Marker’);
into the page’s CSS while editing the page in Cornerstone, and
font-family: “permanent marker”, cursive;
in the Text element’s Style tag on that page.
I read in several threads that the @import needs to be in the child theme’s style.css file. I ftp’d the child theme’s brand new style.css down and put the last line below into it:
/*
Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x
*/
@import url(‘https://fonts.googleapis.com/css?family=Permanent+Marker’);
But now the text in the Text element with Permanent Marker in its Style tag skips Permanent Marker and goes to the first alternate style that is cursive.
I want to use Permanent Marker as the navbar typeface, but need to get it working in a page before I attempt that. What am I doing wrong?