This works for me: Create a web project with the fonts you want to use in your adobe account (you will get a stylesheet link). Add the following to your themes function.php. Then you can select the font in the dropdown of the theme settings.
/* Adobe typekit font */
add_action( ‘init’, ‘enfold_customization_switch_fonts’ );
function enfold_customization_switch_fonts() {
global $avia;
$avia->style->print_extra_output = false;
}
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Font Name One’] = ‘Font Name One’;
$fonts[‘Font Name Two’] = ‘Font Name Two’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Font Name One’] = ‘Font Name One’;
$fonts[‘Font Name Two’] = ‘Font Name Two’;
return $fonts;
}
add_filter( ‘wp_head’, ‘enfold_customization_add_scripts’ );
function enfold_customization_add_scripts(){
?>
<link rel=”stylesheet” href=”https://use.typekit.net/xxxxxxxxx.css”>
<?php
}