Adobe Typekit in generateblocks

Hi there,

You would need to load the Typekit javascript inside the block editor. How are you adding it to the front-end of the site currently?

hi tom,

i integrate the fonts in two steps:

1. step: a hook: <link rel="stylesheet" href="https://use.typekit.net/xxxxxxxx.css">
2. snippet to add the fonts in the customizer:
add_filter( 'generate_typography_default_fonts', 'tu_add_typekit_fonts' );
function tu_add_typekit_fonts( $fonts ) {
$fonts[] = 'itc-fenice';
$fonts[] = 'trade-gothic-next';

return $fonts;
};

seems i need a third step?

You need to hook the Typekit URL into the block editor:

add_action( 'enqueue_block_editor_assets', function() {
    wp_enqueue_style( 'typekit', 'https://use.typekit.net/xxxxxxxx.css' );
} );

Then just add your font family name into the Font family field.

hi tom,
snippet added. the font doesn`t appear in the font list, but you mean manually type the font family below the font list? screenshot her:

https://drive.google.com/open?id=1PSMD4hrG86X0oclop_NXdYxHtpLL6o6_

In the Select font... field change this to Other
And then in the field you have highlighted add your Typekit Font name