Docs

[billium99]

Hello – I see numerous instructions on manually adding a Google font and then manually applying that font style to each individual piece of text you want to style.

However, I’m hoping there is a way to add my additional Google Font to the Typography select list of Google fonts, so that one change can affect all heading text, as Themeco designed it to work.

Is there anyway to insert additional Google fonts to that drop down list and have them globally applied?

Thank you

Bill

[Friech]

Hi Bill,

Thanks for writing in! Adding a specific Google font on customizer will require a custom development. We can apply the Google font globally with Custom CSS instead.

For body text use this selector.

body, input, button, select, textarea {
	 font-family: "YOUR GOOGLE FONT",sans-serif;
}

For headings:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "YOUR GOOGLE FONT",sans-serif;
}

For the site title (logo):

.x-brand {
	font-family: "YOUR GOOGLE FONT",sans-serif;
}

Navigation bar font

.x-navbar .x-nav-wrap .x-nav > li > a {
	font-family: "YOUR GOOGLE FONT",sans-serif;
}

Hope it helps, Cheers!

[Author]

Posts