Skip to content

This class suitable for adding Custom Fonts to Kirki WP Customizer

License

Notifications You must be signed in to change notification settings

vlthemes/VLThemes-Add-Custom-Fonts-To-Kirki

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Add Custom Fonts / Typekit Fonts to Kirki

Extension for Kirki that adds custom fonts to the Typography field. It works with custom fonts or Typekit fonts.

Getting Started

Add this function to your theme

add_filter( 'vlthemes_fonts_choices', [ $this, 'kirki_fonts_choices' ] );

/**
* Add support wp-custom-fonts in Kirki
*/
public function kirki_fonts_choices( $settings = [] ) {

	$fonts_list = apply_filters( 'vlthemes_fonts_list', [] );

	if ( ! $fonts_list ) {
		return $settings;
	}

	$fonts_settings = [
		'fonts' => [
			'google' => [],
			'families' => isset( $fonts_list[ 'families' ] ) ? $fonts_list[ 'families' ] : null,
			'variants' => isset( $fonts_list[ 'variants' ] ) ? $fonts_list[ 'variants' ] : null
		]
	];

	$fonts_settings = array_merge( (array) $fonts_settings, (array) $settings );

	return $fonts_settings;
}

Enter custom choice function to your typography fields

'choices' => apply_filters(
	'vlthemes_fonts_choices', [
		'variant' => [
			'300',
			'regular',
			'500',
			'600',
			'700',
		]
	]
),

Include class to your theme

include_once( PATH . 'custom-fonts.php' );

Install and setup plugins

  1. Install Custom Fonts Plugin or Custom Typekit Fonts Plugin
  2. Setup your fonts
  3. Finally you can find your font in Kirki

About

This class suitable for adding Custom Fonts to Kirki WP Customizer

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages