fixes #1786

core/class-kirki.php

@@ -233,6 +233,11 @@ public static function add_field( $config_id, $args ) {
 			return;
 		}
 
+		// If the field is font-awesome, enqueue the icons on the frontend.
+		if ( class_exists( 'Kirki_Modules_CSS' ) && ( 'fontawesome' === $args['type'] || 'kirki-fontawesome' === $args['type'] ) ) {
+			Kirki_Modules_CSS::add_fontawesome_script();
+		}
+
 		$str       = str_replace( array( '-', '_' ), ' ', $args['type'] );
 		$classname = 'Kirki_Field_' . str_replace( ' ', '_', ucwords( $str ) );
 		if ( class_exists( $classname ) ) {

modules/css/class-kirki-modules-css.php

@@ -58,6 +58,16 @@ class Kirki_Modules_CSS {
 	 */
 	protected $css_to_file;
 
+	/**
+	 * Should we enqueue font-awesome?
+	 *
+	 * @static
+	 * @access protected
+	 * @since 3.0.26
+	 * @var bool
+	 */
+	protected static $enqueue_fa = false;
+
 	/**
 	 * Constructor
 	 *
@@ -203,7 +213,8 @@ public function inline_dynamic_css() {
 			}
 			$this->processed = true;
 		}
-		if ( apply_filters( 'kirki_load_fontawesome', true ) ) {
+
+		if ( self::$enqueue_fa && apply_filters( 'kirki_load_fontawesome', true ) ) {
 			wp_enqueue_script( 'kirki-fontawesome-font', 'https://use.fontawesome.com/30858dc40a.js', array(), '4.0.7', true );
 		}
 	}
@@ -292,4 +303,17 @@ public static function loop_controls( $config_id ) {
 			return Kirki_Modules_CSS_Generator::styles_parse( Kirki_Modules_CSS_Generator::add_prefixes( $css ) );
 		}
 	}
+
+	/**
+	 * Runs when we're adding a font-awesome field to allow enqueueing the
+	 * fontawesome script on the frontend.
+	 *
+	 * @static
+	 * @since 3.0.26
+	 * @access public
+	 * @return void
+	 */
+	public static function add_fontawesome_script() {
+		self::$enqueue_fa = true;
+	}
 }