Fonts are not properly loaded

[DeoThemes]

Issue description:

I'm having difficulties loading fonts properly. Every time, it's either loading a different weight or a different family.
For example: in customizer, I select Montserrat 700 for buttons, but on the front-end I'm getting only font-weight property.

Version used:

4.0.23

Code to reproduce the issue (config + field(s))

$heading_font = 'Montserrat';

// Buttons typography
Kirki::add_field( 'nokke_settings_config', array(
	'type'        => 'typography',
	'settings'    => 'nokke_settings_buttons_typography',
	'label'       => esc_html__( 'Buttons', 'nokke' ),
	'section'     => 'nokke_settings_typography',
	'default'     => array(
		'font-family'    => $heading_font,
		'variant'		 => '700',
		'letter-spacing' => 'normal',
		'text-transform' => 'none'
	),
	'choices'  => nokke_add_custom_choice(),
	'output' => array(
		array(
			'element' => $selectors['buttons'],
		),
		array(
			'element' => '.wp-block-button .wp-block-button__link',
			'context' => array( 'editor' ),			
		)
	),
	'transport' => 'auto',
));

[DeoThemes]

Is there any update on this? There is also an issue with the Outfit font, it's simply not loading and the folder outfit in the fonts directory does not exist.

[mapsteps]

Hi @DeoThemes,

can you share the nokke_add_custom_choice() with me?

Thanks.

[mapsteps]

Also, what's in your nokke_settings_config?

[DeoThemes]

Config:

Kirki::add_config( 'nokke_settings_config', array(
	'capability'    => 'edit_theme_options',
	'option_type'   => 'theme_mod',
	'option_name'   => 'nokke_settings_config'
) );

This is used as a filter to add custom fonts from Adobe Typekit:

function nokke_add_custom_choice() {
	return array(
		'fonts' => apply_filters( 'nokke_kirki_font_choices', array() ),
		'variant' => array( 'regular', 'italic' )
	);
}