public function content_template()
{
?>
<div class="elementor-control-field">
<label class="elementor-control-title">{{{ data.label }}}</label>
<div class="elementor-control-input-wrapper">
<select class="elementor-control-font-family" data-setting="{{ data.name }}">
<option value=""><?php
_e('Default', 'elementor');
?>
</option>
<optgroup label="<?php
_e('System', 'elementor');
?>
">
<# _.each( getFontsByGroups( 'system' ), function( fontType, fontName ) { #>
<option value="{{ fontName }}">{{{ fontName }}}</option>
<# } ); #>
</optgroup>
<?php
/*
<optgroup label="<?php _e( 'Local', 'elementor' ); ?>">
<# _.each( getFontsByGroups( 'local' ), function( fontType, fontName ) { #>
<option value="{{ fontName }}">{{{ fontName }}}</option>
<# } ); #>
</optgroup> */
?>
<optgroup label="<?php
_e('Google', 'elementor');
?>
">
<# _.each( getFontsByGroups( [ 'googlefonts', 'earlyaccess' ] ), function( fontType, fontName ) { #>
<option value="{{ fontName }}">{{{ fontName }}}</option>
<# } ); #>
</optgroup>
</select>
</div>
</div>
<# if ( data.description ) { #>
<div class="elementor-control-description">{{{ data.description }}}</div>
<# } #>
<?php
}