PROSE – How to get Google Font to appear in font-selection dropdown

[Eva Lim]

Hi, does anyone know of a way to get an installed Google Font to appear in the font-selection dropdown under Design Settings? I'm hoping to consolidate as much of my CSS edits under Design Settings as possible. Maybe this could be done with the "Inherit" option too, I'm not sure. Any feedback is appreciated, thanks!

[JanHoek]

Look at Gary's code http://code.garyjones.co.uk/add-prose-fonts

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Eva Lim]

Thanks Jan. I tried the exact code in the article as well as my modified code below, but the font/s don't show up in the font-selection dropdown. FYI I'm using Prose v1.5.2

/** Enqueue Google fonts */
add_action( 'wp_enqueue_scripts', 'lms_load_google_fonts' );
function lms_load_google_fonts() {
wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Open+Sans:300,300italic|Montserrat:400|Quicksand:300', array(), CHILD_THEME_VERSION );
}

add_filter( 'prose_font_family_options', 'custom_prose_font_family_options' );
function custom_prose_font_family_options($options) {
$options[] = array( 'Montserrat', "Montserrat, 'Andale Mono WT', 'Andale Mono',
'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono',
'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco,
'Courier New', Courier, monospace" );
return $options;
}

As well as

add_filter( 'prose_font_family_options', 'custom_prose_font_family_options' );
function custom_prose_font_family_options($options) {
$options[] = array( 'Montserrat', "Montserrat, monospace" );
return $options;
}

Any ideas, anyone? Thanks.

[Author]

Posts