Custom Font only showing up under 'Theme Typography' not default

Hi John,
I’m not sure I understand your issue. The Theme Typography panel is just a way to group font controls that you have created in the admin area it doesn’t affect the way font styles are applied to your themes pages. If you could post a link to a page and point out the elements that you are having an issue with I’ll do my best to give you a hand.

Cheers

Sunny

Hi Sunny,

Thanks for your response.
Under ‘Typography’ I changed my H5 tag to Cabin after placing the CSS selectors font-family: ‘Cabin’ sans-serif; but nothing happens on the page.

Below ‘Typography’ I see my custom font listed as Cabin as well–but not sure what to do with that (but as you said, that’s only a list of what was changed).

Do I need an API key? Do I need to click ‘force style over rides’?

I changed the top yellow label “The Wall Street Journal” to an H5.
Here’s the link:
https://www.johnwtaylor.com/print

Thanks,
John

Hi John,
I’ve had a look at your website and it appears that you are adding the css selectors incorrectly. The purpose of the add css selectors box is to enter the selector you wish to target and not to enter the font family. Here is an example to get you started.

Let’s say that you want to create a custom font control to control your navigation, here is how you would do it (delete your other font controls before you follow these instructions as they are incorrect):

• Go to Settings > Google Fonts
• Add a new font control called My Navigation
• In the Add CSS selectors box enter the following #primary-nav > li > a, #primary-nav a
• Save your font control and visit the customizer to control the navigation

You only need to specify the css selector of the element you are targeting our plugin handles everything else. Hope that helps. Cheers

Sunny

Hi Sunny,

That did the trick. Problem solved!
Thanks for your plugin and thanks for your time.

-John

hi Sunny,

in my customize site, at typography customize nothing “theme typography” choice, only “default typography” that available,,, can you explain, how can in my customize site at typography can available “theme typography”?

thanks…

wahyu

Hi wahyu,
Theme typography only shows up once you have created a new custom font control for your theme (by going to Settings > Google Fonts). Hope that helps. Cheers

Sunny

Hi Sunny,
I finally decided to try the API key. I didn’t think that would be the problem, but it was! So I got the API key and things worked from there. Thanks for the help and for others contributions as well.

Scott