Adding local font to GenerateBlocks Advanced Typography?

[Teresa]

I’ve (successfully) added a local font to my site (stupid typos and PBKAC notwithstanding) and it shows up in the Customizer (and site) fine. Wondering how I can do the same in the Advanced Typography section of GB.

The font doesn’t appear in the menu and when I try to input the font name in the box it doesn’t seem to take.

If this is a “we’re on it, coming soon” feature, cool I can be patient.

All the above said, I’m finally getting the swing of creating nice landing pages with a lot less swearing than last week! http://www.trustglobalwireless.com/

[Tom]

Hi there,

This is because the @font-face CSS isn’t loading in the block editor.

How are you adding that CSS right now? A child theme or another method?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Teresa]

Hi Tom, Greetings from the other side of Georgia Straight! I added the local fonts via your handy tutorial (into a child theme).

It’s more annoying than anything else. I’ve set all the fonts in the Customizer so it doesn’t really matter, but nice to see how things look.

[Tom]

Totally – give this a shot:

add_action( 'enqueue_block_editor_assets', function() {
    wp_enqueue_style( 'your-handle-here', get_stylesheet_directory_uri() . "/block-editor.css", false, '1.0', 'all' );
} );

Then add block-editor.css in your child theme, and include the @font-face CSS (and any other CSS you want to load in the editor).

Let me know if you need more info 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Teresa]

Awesome! I’ll give it a shot! Thanks Tom.

[Teresa]

Bingo! https://www.screencast.com/t/sKxNh5BCWj

Thanks again!

[Tom]

Awesome! Glad I could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts