Adding Google Fonts to Prose

[marci]

I've looked thru the forum but am not finding an exact answer to my question. Are additional fonts added via a CSS change or via a Plug in? Once they are added, do they show up in the dropdown menus in the Design Settings? If they are added via CSS, how would I do that? I'm wanting my Title, tag line, and headers changed. Also wanting to change the font in the Breadcrumbs, too. Much appreciate your help.

http://driftlessprairies.org

[Porter]

I don't know how that specific theme works, but fonts are added through the functions.php file - you should see a section with Google fonts being imported, something like this:

//* Enqueue Google Fonts
add_action( 'wp_enqueue_scripts', 'genesis_sample_google_fonts' );
function genesis_sample_google_fonts() {
	wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Muli|Chivo:300,400,700,900', array(), CHILD_THEME_VERSION );
}

As you can see, you can add multiple fonts by separating them with |
I have no idea if they'll show in in your drop downs, as that's theme specific, but I have a hunch they might.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[marci]

Thanks. I'll try this out.

[marci]

I realize I don't know where to put the font name. Is this correct?

//* Enqueue Google Fonts
add_action( 'wp_enqueue_scripts', 'genesis_sample_google_fonts' );
function genesis_sample_google_fonts() {
wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Share Tech(), CHILD_THEME_VERSION );
}

[Porter]

What are the exact names of your fonts, as it tells you to use them on Google fonts? Is it "Share" and "Tech" (I believe case matters). If so, it would be:

//* Enqueue Google Fonts
add_action( 'wp_enqueue_scripts', 'genesis_sample_google_fonts' );
function genesis_sample_google_fonts() {
	wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Share|Tech:300,400,700,900', array(), CHILD_THEME_VERSION );
}

The 300,400,700,900 are the font weights to include for each font.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[marci]

The font is named "Share Tech". OK -- I'll add those weights...I wasn't sure what those were. Thanks again!

[Author]

Posts