Exhale theme – Google fonts – Bree Serif

2 Replies ·

  1. Hi Justin,

    I noticed that the Google font Bree Serif is missing from the Exhale/Unravel Customize – Theme Options – Fonts – Google Fonts list.

    How may I add this, please?

  2. Justin Tadlock

    In the current version, only fonts that are suitable for body text have been added. These are fonts with the following “styles”:

    • Regular
    • Regular Italic
    • Bold
    • Bold Italic

    If a font doesn’t have those styles, it won’t really work for your regular text and is, at best, suitable for Headings only.

    In version 1.3 of Exhale, which I’m working on now, I’m adding more variety for the Headings option, allowing you to select more fonts and their styles. I’ll go ahead and make sure Bree Serif is added right after I post this.

    Also, let me know of any other fonts you’d like to see added.

    How to add custom fonts

    In your child theme’s functions.php, add the following code:

    add_action( 'exhale/font/family/register', function( $families ) {
    
        if ( ! $families->has( 'bree-serif' ) ) {
    
            $families->add( 'bree-serif', [
                'label'  => 'Bree Serif',
                'stack'  => '"Bree Serif", serif',
                'google' => 'Bree+Serif',
                'styles' => [ '400' ]
            ] );
        }
    
    } );
    
  3. Marcus Tibesar

    Thank you very much, Justin!

    I can’t think of any other fonts needed right off the top of my head.

    By the way, the Bree Serif font is in the WordCamp theme, and its currently being used by the WordCamp Europe 2019 website:

    https://2019.europe.wordcamp.org/

    Thank you. Most appreciated!