How to add Typekit Font to Woostify?

After selecting the font in Typekit, you should have the URL of the CSS file. It requires child theme to add a custom font. Please download and activate it here

1. Now you need to register this file to Woostify theme. In woostify-child/functions.php, add the code below to, don’t forget to change the value in the code below

add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_style( 'your-font', 'URL TO THE CSS FILE' );
} );

2. Grab the name they give you for the font-family value. For example: https://www.screencast.com/t/0aqJhavEgj8Z

3. Add the code below to woostify-child/functions.php, don’t forget to change the value (yourfont-name)

add_filter( 'woostify_typography_default_fonts', 'woo_add_typekit_fonts' );
function woo_add_typekit_fonts( $fonts ) {
    $fonts[] = 'yourfont-name';
    return $fonts;
}

Now you should select this custom font in Customizer.