<?php
if ( ! defined( 'ABSPATH' ) ) exit;

if(!class_exists('NF5_googlefonts')){
	class NF5_googlefonts{
		public function get_google_fonts(){
			$output = '';
			$output .= '<optgroup label="Standard Fonts">';
				$output .= '<option class="sf arial" value="{&quot;family&quot;:&quot;Arial, Helvetica, sans-serif&quot;,&quot;name&quot;:&quot;Arial&quot;,&quot;classname&quot;:&quot;arial&quot;}">Arial</option>';
				$output .= '<option class="sf bookman" value="{&quot;family&quot;:&quot;Bookman, Palatino, Georgia, serif&quot;,&quot;name&quot;:&quot;Bookman&quot;,&quot;classname&quot;:&quot;bookman&quot;}">Bookman</option>';
				$output .= '<option class="sf centurygothic" value="{&quot;family&quot;:&quot;\'Century Gothic\', Helvetica, Arial, sans-serif&quot;,&quot;name&quot;:&quot;Century Gothic&quot;,&quot;classname&quot;:&quot;centurygothic&quot;}">Century Gothic</option>';
				$output .= '<option class="sf comicsansms" value="{&quot;family&quot;:&quot;\'Comic Sans MS\', Arial, sans-serif&quot;,&quot;name&quot;:&quot;Comic Sans MS&quot;,&quot;classname&quot;:&quot;comicsansms&quot;}">Comic Sans MS</option>';
				$output .= '<option class="sf courier" value="{&quot;family&quot;:&quot;Courier, monospace&quot;,&quot;name&quot;:&quot;Courier&quot;,&quot;classname&quot;:&quot;courier&quot;}">Courier</option>';
				$output .= '<option class="sf garamond" value="{&quot;family&quot;:&quot;Garamond, Palatino, Georgia, serif&quot;,&quot;name&quot;:&quot;Garamond&quot;,&quot;classname&quot;:&quot;garamond&quot;}">Garamond</option>';
				$output .= '<option class="sf georgia" value="{&quot;family&quot;:&quot;Georgia, Times, serif&quot;,&quot;name&quot;:&quot;Georgia&quot;,&quot;classname&quot;:&quot;georgia&quot;}">Georgia</option>';
				$output .= '<option class="sf helvetica" value="{&quot;family&quot;:&quot;Helvetica, Arial, sans-serif&quot;,&quot;name&quot;:&quot;Helvetica&quot;,&quot;classname&quot;:&quot;helvetica&quot;}">Helvetica</option>';
				$output .= '<option class="sf lucidagrande" value="{&quot;family&quot;:&quot;\'Lucida Grande\',\'Lucida Sans Unicode\',Tahoma,Verdana,sans-serif&quot;,&quot;name&quot;:&quot;Lucida Grande&quot;,&quot;classname&quot;:&quot;lucidagrande&quot;}">Lucida Grande</option>';
				$output .= '<option class="sf palatino" value="{&quot;family&quot;:&quot;Palatino, Georgia, serif&quot;,&quot;name&quot;:&quot;Palatino&quot;,&quot;classname&quot;:&quot;palatino&quot;}">Palatino</option>';
				$output .= '<option class="sf tahoma" value="{&quot;family&quot;:&quot;Tahoma, Verdana, Helvetica, sans-serif&quot;,&quot;name&quot;:&quot;Tahoma&quot;,&quot;classname&quot;:&quot;tahoma&quot;}">Tahoma</option>';
				$output .= '<option class="sf times" value="{&quot;family&quot;:&quot;Times, Georgia, serif&quot;,&quot;name&quot;:&quot;Times&quot;,&quot;classname&quot;:&quot;times&quot;}">Times</option>';
				$output .= '<option class="sf trebuchetms" value="{&quot;family&quot;:&quot;\'Trebuchet MS\', Tahoma, Helvetica, sans-serif&quot;,&quot;name&quot;:&quot;Trebuchet MS&quot;,&quot;classname&quot;:&quot;trebuchetms&quot;}">Trebuchet MS</option>';
				$output .= '<option class="sf verdana" value="{&quot;family&quot;:&quot;Verdana, Tahoma, sans-serif&quot;,&quot;name&quot;:&quot;Verdana&quot;,&quot;classname&quot;:&quot;verdana&quot;}">Verdana</option>';
			$output .= '</optgroup>';
				$output .= '<optgroup class="google-fonts" label="Google Fonts">';
				$output .= '<option class="gf opensans" value="{&quot;family&quot;:&quot;Open Sans&quot;,&quot;name&quot;:&quot;Open Sans&quot;,&quot;import_family&quot;:&quot;Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;opensans&quot;,&quot;png_url&quot;:&quot;opensans-regular.png&quot;}">Open Sans</option>';
				$output .= '<option class="gf roboto" value="{&quot;family&quot;:&quot;Roboto&quot;,&quot;name&quot;:&quot;Roboto&quot;,&quot;import_family&quot;:&quot;Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;roboto&quot;,&quot;png_url&quot;:&quot;roboto-regular.png&quot;}">Roboto</option>';
				$output .= '<option class="gf oswald" value="{&quot;family&quot;:&quot;Oswald&quot;,&quot;name&quot;:&quot;Oswald&quot;,&quot;import_family&quot;:&quot;Oswald:300,regular,700&quot;,&quot;classname&quot;:&quot;oswald&quot;,&quot;png_url&quot;:&quot;oswald-regular.png&quot;}">Oswald</option>';
				$output .= '<option class="gf droidsans" value="{&quot;family&quot;:&quot;Droid Sans&quot;,&quot;name&quot;:&quot;Droid Sans&quot;,&quot;import_family&quot;:&quot;Droid+Sans:regular,700&quot;,&quot;classname&quot;:&quot;droidsans&quot;,&quot;png_url&quot;:&quot;droidsans-regular.png&quot;}">Droid Sans</option>';
				$output .= '<option class="gf lato" value="{&quot;family&quot;:&quot;Lato&quot;,&quot;name&quot;:&quot;Lato&quot;,&quot;import_family&quot;:&quot;Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;lato&quot;,&quot;png_url&quot;:&quot;lato-regular.png&quot;}">Lato</option>';
				$output .= '<option class="gf opensanscondensed" value="{&quot;family&quot;:&quot;Open Sans Condensed&quot;,&quot;name&quot;:&quot;Open Sans Condensed&quot;,&quot;import_family&quot;:&quot;Open+Sans+Condensed:300,300italic,700&quot;,&quot;classname&quot;:&quot;opensanscondensed&quot;,&quot;png_url&quot;:&quot;opensanscondensed-300.png&quot;}">Open Sans Condensed</option>';
				$output .= '<option class="gf ptsans" value="{&quot;family&quot;:&quot;PT Sans&quot;,&quot;name&quot;:&quot;PT Sans&quot;,&quot;import_family&quot;:&quot;PT+Sans:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;ptsans&quot;,&quot;png_url&quot;:&quot;ptsans-regular.png&quot;}">PT Sans</option>';
				$output .= '<option class="gf droidserif" value="{&quot;family&quot;:&quot;Droid Serif&quot;,&quot;name&quot;:&quot;Droid Serif&quot;,&quot;import_family&quot;:&quot;Droid+Serif:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;droidserif&quot;,&quot;png_url&quot;:&quot;droidserif-regular.png&quot;}">Droid Serif</option>';
				$output .= '<option class="gf robotocondensed" value="{&quot;family&quot;:&quot;Roboto Condensed&quot;,&quot;name&quot;:&quot;Roboto Condensed&quot;,&quot;import_family&quot;:&quot;Roboto+Condensed:300,300italic,regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;robotocondensed&quot;,&quot;png_url&quot;:&quot;robotocondensed-regular.png&quot;}">Roboto Condensed</option>';
				$output .= '<option class="gf sourcesanspro" value="{&quot;family&quot;:&quot;Source Sans Pro&quot;,&quot;name&quot;:&quot;Source Sans Pro&quot;,&quot;import_family&quot;:&quot;Source+Sans+Pro:200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;sourcesanspro&quot;,&quot;png_url&quot;:&quot;sourcesanspro-regular.png&quot;}">Source Sans Pro</option>';
				$output .= '<option class="gf ubuntu" value="{&quot;family&quot;:&quot;Ubuntu&quot;,&quot;name&quot;:&quot;Ubuntu&quot;,&quot;import_family&quot;:&quot;Ubuntu:300,300italic,regular,italic,500,500italic,700,700italic&quot;,&quot;classname&quot;:&quot;ubuntu&quot;,&quot;png_url&quot;:&quot;ubuntu-regular.png&quot;}">Ubuntu</option>';
				$output .= '<option class="gf ptsansnarrow" value="{&quot;family&quot;:&quot;PT Sans Narrow&quot;,&quot;name&quot;:&quot;PT Sans Narrow&quot;,&quot;import_family&quot;:&quot;PT+Sans+Narrow:regular,700&quot;,&quot;classname&quot;:&quot;ptsansnarrow&quot;,&quot;png_url&quot;:&quot;ptsansnarrow-regular.png&quot;}">PT Sans Narrow</option>';
				$output .= '<option class="gf oxygen" value="{&quot;family&quot;:&quot;Oxygen&quot;,&quot;name&quot;:&quot;Oxygen&quot;,&quot;import_family&quot;:&quot;Oxygen:300,regular,700&quot;,&quot;classname&quot;:&quot;oxygen&quot;,&quot;png_url&quot;:&quot;oxygen-regular.png&quot;}">Oxygen</option>';
				$output .= '<option class="gf raleway" value="{&quot;family&quot;:&quot;Raleway&quot;,&quot;name&quot;:&quot;Raleway&quot;,&quot;import_family&quot;:&quot;Raleway:100,200,300,regular,500,600,700,800,900&quot;,&quot;classname&quot;:&quot;raleway&quot;,&quot;png_url&quot;:&quot;raleway-regular.png&quot;}">Raleway</option>';
				$output .= '<option class="gf yanonekaffeesatz" value="{&quot;family&quot;:&quot;Yanone Kaffeesatz&quot;,&quot;name&quot;:&quot;Yanone Kaffeesatz&quot;,&quot;import_family&quot;:&quot;Yanone+Kaffeesatz:200,300,regular,700&quot;,&quot;classname&quot;:&quot;yanonekaffeesatz&quot;,&quot;png_url&quot;:&quot;yanonekaffeesatz-regular.png&quot;}">Yanone Kaffeesatz</option>';
				$output .= '<option class="gf lora" value="{&quot;family&quot;:&quot;Lora&quot;,&quot;name&quot;:&quot;Lora&quot;,&quot;import_family&quot;:&quot;Lora:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;lora&quot;,&quot;png_url&quot;:&quot;lora-regular.png&quot;}">Lora</option>';
				$output .= '<option class="gf lobster" value="{&quot;family&quot;:&quot;Lobster&quot;,&quot;name&quot;:&quot;Lobster&quot;,&quot;import_family&quot;:&quot;Lobster:regular&quot;,&quot;classname&quot;:&quot;lobster&quot;,&quot;png_url&quot;:&quot;lobster-regular.png&quot;}">Lobster</option>';
				$output .= '<option class="gf arvo" value="{&quot;family&quot;:&quot;Arvo&quot;,&quot;name&quot;:&quot;Arvo&quot;,&quot;import_family&quot;:&quot;Arvo:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;arvo&quot;,&quot;png_url&quot;:&quot;arvo-regular.png&quot;}">Arvo</option>';
				$output .= '<option class="gf montserrat" value="{&quot;family&quot;:&quot;Montserrat&quot;,&quot;name&quot;:&quot;Montserrat&quot;,&quot;import_family&quot;:&quot;Montserrat:regular,700&quot;,&quot;classname&quot;:&quot;montserrat&quot;,&quot;png_url&quot;:&quot;montserrat-regular.png&quot;}">Montserrat</option>';
				$output .= '<option class="gf bitter" value="{&quot;family&quot;:&quot;Bitter&quot;,&quot;name&quot;:&quot;Bitter&quot;,&quot;import_family&quot;:&quot;Bitter:regular,italic,700&quot;,&quot;classname&quot;:&quot;bitter&quot;,&quot;png_url&quot;:&quot;bitter-regular.png&quot;}">Bitter</option>';
				$output .= '<option class="gf francoisone" value="{&quot;family&quot;:&quot;Francois One&quot;,&quot;name&quot;:&quot;Francois One&quot;,&quot;import_family&quot;:&quot;Francois+One:regular&quot;,&quot;classname&quot;:&quot;francoisone&quot;,&quot;png_url&quot;:&quot;francoisone-regular.png&quot;}">Francois One</option>';
				$output .= '<option class="gf arimo" value="{&quot;family&quot;:&quot;Arimo&quot;,&quot;name&quot;:&quot;Arimo&quot;,&quot;import_family&quot;:&quot;Arimo:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;arimo&quot;,&quot;png_url&quot;:&quot;arimo-regular.png&quot;}">Arimo</option>';
				$output .= '<option class="gf notosans" value="{&quot;family&quot;:&quot;Noto Sans&quot;,&quot;name&quot;:&quot;Noto Sans&quot;,&quot;import_family&quot;:&quot;Noto+Sans:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;notosans&quot;,&quot;png_url&quot;:&quot;notosans-regular.png&quot;}">Noto Sans</option>';
				$output .= '<option class="gf merriweather" value="{&quot;family&quot;:&quot;Merriweather&quot;,&quot;name&quot;:&quot;Merriweather&quot;,&quot;import_family&quot;:&quot;Merriweather:300,300italic,regular,italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;merriweather&quot;,&quot;png_url&quot;:&quot;merriweather-regular.png&quot;}">Merriweather</option>';
				$output .= '<option class="gf ptserif" value="{&quot;family&quot;:&quot;PT Serif&quot;,&quot;name&quot;:&quot;PT Serif&quot;,&quot;import_family&quot;:&quot;PT+Serif:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;ptserif&quot;,&quot;png_url&quot;:&quot;ptserif-regular.png&quot;}">PT Serif</option>';
				$output .= '<option class="gf rokkitt" value="{&quot;family&quot;:&quot;Rokkitt&quot;,&quot;name&quot;:&quot;Rokkitt&quot;,&quot;import_family&quot;:&quot;Rokkitt:regular,700&quot;,&quot;classname&quot;:&quot;rokkitt&quot;,&quot;png_url&quot;:&quot;rokkitt-regular.png&quot;}">Rokkitt</option>';
				$output .= '<option class="gf cabin" value="{&quot;family&quot;:&quot;Cabin&quot;,&quot;name&quot;:&quot;Cabin&quot;,&quot;import_family&quot;:&quot;Cabin:regular,italic,500,500italic,600,600italic,700,700italic&quot;,&quot;classname&quot;:&quot;cabin&quot;,&quot;png_url&quot;:&quot;cabin-regular.png&quot;}">Cabin</option>';
				$output .= '<option class="gf dosis" value="{&quot;family&quot;:&quot;Dosis&quot;,&quot;name&quot;:&quot;Dosis&quot;,&quot;import_family&quot;:&quot;Dosis:200,300,regular,500,600,700,800&quot;,&quot;classname&quot;:&quot;dosis&quot;,&quot;png_url&quot;:&quot;dosis-regular.png&quot;}">Dosis</option>';
				$output .= '<option class="gf nunito" value="{&quot;family&quot;:&quot;Nunito&quot;,&quot;name&quot;:&quot;Nunito&quot;,&quot;import_family&quot;:&quot;Nunito:300,regular,700&quot;,&quot;classname&quot;:&quot;nunito&quot;,&quot;png_url&quot;:&quot;nunito-regular.png&quot;}">Nunito</option>';
				$output .= '<option class="gf titilliumweb" value="{&quot;family&quot;:&quot;Titillium Web&quot;,&quot;name&quot;:&quot;Titillium Web&quot;,&quot;import_family&quot;:&quot;Titillium+Web:200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,900&quot;,&quot;classname&quot;:&quot;titilliumweb&quot;,&quot;png_url&quot;:&quot;titilliumweb-regular.png&quot;}">Titillium Web</option>';
				$output .= '<option class="gf play" value="{&quot;family&quot;:&quot;Play&quot;,&quot;name&quot;:&quot;Play&quot;,&quot;import_family&quot;:&quot;Play:regular,700&quot;,&quot;classname&quot;:&quot;play&quot;,&quot;png_url&quot;:&quot;play-regular.png&quot;}">Play</option>';
				$output .= '<option class="gf librebaskerville" value="{&quot;family&quot;:&quot;Libre Baskerville&quot;,&quot;name&quot;:&quot;Libre Baskerville&quot;,&quot;import_family&quot;:&quot;Libre+Baskerville:regular,italic,700&quot;,&quot;classname&quot;:&quot;librebaskerville&quot;,&quot;png_url&quot;:&quot;librebaskerville-regular.png&quot;}">Libre Baskerville</option>';
				$output .= '<option class="gf abel" value="{&quot;family&quot;:&quot;Abel&quot;,&quot;name&quot;:&quot;Abel&quot;,&quot;import_family&quot;:&quot;Abel:regular&quot;,&quot;classname&quot;:&quot;abel&quot;,&quot;png_url&quot;:&quot;abel-regular.png&quot;}">Abel</option>';
				$output .= '<option class="gf cuprum" value="{&quot;family&quot;:&quot;Cuprum&quot;,&quot;name&quot;:&quot;Cuprum&quot;,&quot;import_family&quot;:&quot;Cuprum:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;cuprum&quot;,&quot;png_url&quot;:&quot;cuprum-regular.png&quot;}">Cuprum</option>';
				$output .= '<option class="gf robotoslab" value="{&quot;family&quot;:&quot;Roboto Slab&quot;,&quot;name&quot;:&quot;Roboto Slab&quot;,&quot;import_family&quot;:&quot;Roboto+Slab:100,300,regular,700&quot;,&quot;classname&quot;:&quot;robotoslab&quot;,&quot;png_url&quot;:&quot;robotoslab-regular.png&quot;}">Roboto Slab</option>';
				$output .= '<option class="gf ubuntucondensed" value="{&quot;family&quot;:&quot;Ubuntu Condensed&quot;,&quot;name&quot;:&quot;Ubuntu Condensed&quot;,&quot;import_family&quot;:&quot;Ubuntu+Condensed:regular&quot;,&quot;classname&quot;:&quot;ubuntucondensed&quot;,&quot;png_url&quot;:&quot;ubuntucondensed-regular.png&quot;}">Ubuntu Condensed</option>';
				$output .= '<option class="gf fjallaone" value="{&quot;family&quot;:&quot;Fjalla One&quot;,&quot;name&quot;:&quot;Fjalla One&quot;,&quot;import_family&quot;:&quot;Fjalla+One:regular&quot;,&quot;classname&quot;:&quot;fjallaone&quot;,&quot;png_url&quot;:&quot;fjallaone-regular.png&quot;}">Fjalla One</option>';
				$output .= '<option class="gf shadowsintolight" value="{&quot;family&quot;:&quot;Shadows Into Light&quot;,&quot;name&quot;:&quot;Shadows Into Light&quot;,&quot;import_family&quot;:&quot;Shadows+Into+Light:regular&quot;,&quot;classname&quot;:&quot;shadowsintolight&quot;,&quot;png_url&quot;:&quot;shadowsintolight-regular.png&quot;}">Shadows Into Light</option>';
				$output .= '<option class="gf anton" value="{&quot;family&quot;:&quot;Anton&quot;,&quot;name&quot;:&quot;Anton&quot;,&quot;import_family&quot;:&quot;Anton:regular&quot;,&quot;classname&quot;:&quot;anton&quot;,&quot;png_url&quot;:&quot;anton-regular.png&quot;}">Anton</option>';
				$output .= '<option class="gf mavenpro" value="{&quot;family&quot;:&quot;Maven Pro&quot;,&quot;name&quot;:&quot;Maven Pro&quot;,&quot;import_family&quot;:&quot;Maven+Pro:regular,500,700,900&quot;,&quot;classname&quot;:&quot;mavenpro&quot;,&quot;png_url&quot;:&quot;mavenpro-regular.png&quot;}">Maven Pro</option>';
				$output .= '<option class="gf electrolize" value="{&quot;family&quot;:&quot;Electrolize&quot;,&quot;name&quot;:&quot;Electrolize&quot;,&quot;import_family&quot;:&quot;Electrolize:regular&quot;,&quot;classname&quot;:&quot;electrolize&quot;,&quot;png_url&quot;:&quot;electrolize-regular.png&quot;}">Electrolize</option>';
				$output .= '<option class="gf signika" value="{&quot;family&quot;:&quot;Signika&quot;,&quot;name&quot;:&quot;Signika&quot;,&quot;import_family&quot;:&quot;Signika:300,regular,600,700&quot;,&quot;classname&quot;:&quot;signika&quot;,&quot;png_url&quot;:&quot;signika-regular.png&quot;}">Signika</option>';
				$output .= '<option class="gf merriweathersans" value="{&quot;family&quot;:&quot;Merriweather Sans&quot;,&quot;name&quot;:&quot;Merriweather Sans&quot;,&quot;import_family&quot;:&quot;Merriweather+Sans:300,300italic,regular,italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;merriweathersans&quot;,&quot;png_url&quot;:&quot;merriweathersans-regular.png&quot;}">Merriweather Sans</option>';
				$output .= '<option class="gf inconsolata" value="{&quot;family&quot;:&quot;Inconsolata&quot;,&quot;name&quot;:&quot;Inconsolata&quot;,&quot;import_family&quot;:&quot;Inconsolata:regular,700&quot;,&quot;classname&quot;:&quot;inconsolata&quot;,&quot;png_url&quot;:&quot;inconsolata-regular.png&quot;}">Inconsolata</option>';
				$output .= '<option class="gf vollkorn" value="{&quot;family&quot;:&quot;Vollkorn&quot;,&quot;name&quot;:&quot;Vollkorn&quot;,&quot;import_family&quot;:&quot;Vollkorn:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;vollkorn&quot;,&quot;png_url&quot;:&quot;vollkorn-regular.png&quot;}">Vollkorn</option>';
				$output .= '<option class="gf josefinsans" value="{&quot;family&quot;:&quot;Josefin Sans&quot;,&quot;name&quot;:&quot;Josefin Sans&quot;,&quot;import_family&quot;:&quot;Josefin+Sans:100,100italic,300,300italic,regular,italic,600,600italic,700,700italic&quot;,&quot;classname&quot;:&quot;josefinsans&quot;,&quot;png_url&quot;:&quot;josefinsans-regular.png&quot;}">Josefin Sans</option>';
				$output .= '<option class="gf archivonarrow" value="{&quot;family&quot;:&quot;Archivo Narrow&quot;,&quot;name&quot;:&quot;Archivo Narrow&quot;,&quot;import_family&quot;:&quot;Archivo+Narrow:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;archivonarrow&quot;,&quot;png_url&quot;:&quot;archivonarrow-regular.png&quot;}">Archivo Narrow</option>';
				$output .= '<option class="gf craftygirls" value="{&quot;family&quot;:&quot;Crafty Girls&quot;,&quot;name&quot;:&quot;Crafty Girls&quot;,&quot;import_family&quot;:&quot;Crafty+Girls:regular&quot;,&quot;classname&quot;:&quot;craftygirls&quot;,&quot;png_url&quot;:&quot;craftygirls-regular.png&quot;}">Crafty Girls</option>';
				$output .= '<option class="gf asap" value="{&quot;family&quot;:&quot;Asap&quot;,&quot;name&quot;:&quot;Asap&quot;,&quot;import_family&quot;:&quot;Asap:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;asap&quot;,&quot;png_url&quot;:&quot;asap-regular.png&quot;}">Asap</option>';
				$output .= '<option class="gf questrial" value="{&quot;family&quot;:&quot;Questrial&quot;,&quot;name&quot;:&quot;Questrial&quot;,&quot;import_family&quot;:&quot;Questrial:regular&quot;,&quot;classname&quot;:&quot;questrial&quot;,&quot;png_url&quot;:&quot;questrial-regular.png&quot;}">Questrial</option>';
				$output .= '<option class="gf armata" value="{&quot;family&quot;:&quot;Armata&quot;,&quot;name&quot;:&quot;Armata&quot;,&quot;import_family&quot;:&quot;Armata:regular&quot;,&quot;classname&quot;:&quot;armata&quot;,&quot;png_url&quot;:&quot;armata-regular.png&quot;}">Armata</option>';
				$output .= '<option class="gf alegreya" value="{&quot;family&quot;:&quot;Alegreya&quot;,&quot;name&quot;:&quot;Alegreya&quot;,&quot;import_family&quot;:&quot;Alegreya:regular,italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;alegreya&quot;,&quot;png_url&quot;:&quot;alegreya-regular.png&quot;}">Alegreya</option>';
				$output .= '<option class="gf playfairdisplay" value="{&quot;family&quot;:&quot;Playfair Display&quot;,&quot;name&quot;:&quot;Playfair Display&quot;,&quot;import_family&quot;:&quot;Playfair+Display:regular,italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;playfairdisplay&quot;,&quot;png_url&quot;:&quot;playfairdisplay-regular.png&quot;}">Playfair Display</option>';
				$output .= '<option class="gf istokweb" value="{&quot;family&quot;:&quot;Istok Web&quot;,&quot;name&quot;:&quot;Istok Web&quot;,&quot;import_family&quot;:&quot;Istok+Web:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;istokweb&quot;,&quot;png_url&quot;:&quot;istokweb-regular.png&quot;}">Istok Web</option>';
				$output .= '<option class="gf pacifico" value="{&quot;family&quot;:&quot;Pacifico&quot;,&quot;name&quot;:&quot;Pacifico&quot;,&quot;import_family&quot;:&quot;Pacifico:regular&quot;,&quot;classname&quot;:&quot;pacifico&quot;,&quot;png_url&quot;:&quot;pacifico-regular.png&quot;}">Pacifico</option>';
				$output .= '<option class="gf dancingscript" value="{&quot;family&quot;:&quot;Dancing Script&quot;,&quot;name&quot;:&quot;Dancing Script&quot;,&quot;import_family&quot;:&quot;Dancing+Script:regular,700&quot;,&quot;classname&quot;:&quot;dancingscript&quot;,&quot;png_url&quot;:&quot;dancingscript-regular.png&quot;}">Dancing Script</option>';
				$output .= '<option class="gf muli" value="{&quot;family&quot;:&quot;Muli&quot;,&quot;name&quot;:&quot;Muli&quot;,&quot;import_family&quot;:&quot;Muli:300,300italic,regular,italic&quot;,&quot;classname&quot;:&quot;muli&quot;,&quot;png_url&quot;:&quot;muli-regular.png&quot;}">Muli</option>';
				$output .= '<option class="gf comingsoon" value="{&quot;family&quot;:&quot;Coming Soon&quot;,&quot;name&quot;:&quot;Coming Soon&quot;,&quot;import_family&quot;:&quot;Coming+Soon:regular&quot;,&quot;classname&quot;:&quot;comingsoon&quot;,&quot;png_url&quot;:&quot;comingsoon-regular.png&quot;}">Coming Soon</option>';
				$output .= '<option class="gf ptsanscaption" value="{&quot;family&quot;:&quot;PT Sans Caption&quot;,&quot;name&quot;:&quot;PT Sans Caption&quot;,&quot;import_family&quot;:&quot;PT+Sans+Caption:regular,700&quot;,&quot;classname&quot;:&quot;ptsanscaption&quot;,&quot;png_url&quot;:&quot;ptsanscaption-regular.png&quot;}">PT Sans Caption</option>';
				$output .= '<option class="gf exo" value="{&quot;family&quot;:&quot;Exo&quot;,&quot;name&quot;:&quot;Exo&quot;,&quot;import_family&quot;:&quot;Exo:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&quot;,&quot;classname&quot;:&quot;exo&quot;,&quot;png_url&quot;:&quot;exo-regular.png&quot;}">Exo</option>';
				$output .= '<option class="gf indieflower" value="{&quot;family&quot;:&quot;Indie Flower&quot;,&quot;name&quot;:&quot;Indie Flower&quot;,&quot;import_family&quot;:&quot;Indie+Flower:regular&quot;,&quot;classname&quot;:&quot;indieflower&quot;,&quot;png_url&quot;:&quot;indieflower-regular.png&quot;}">Indie Flower</option>';
				$output .= '<option class="gf quicksand" value="{&quot;family&quot;:&quot;Quicksand&quot;,&quot;name&quot;:&quot;Quicksand&quot;,&quot;import_family&quot;:&quot;Quicksand:300,regular,700&quot;,&quot;classname&quot;:&quot;quicksand&quot;,&quot;png_url&quot;:&quot;quicksand-regular.png&quot;}">Quicksand</option>';
				$output .= '<option class="gf changaone" value="{&quot;family&quot;:&quot;Changa One&quot;,&quot;name&quot;:&quot;Changa One&quot;,&quot;import_family&quot;:&quot;Changa+One:regular,italic&quot;,&quot;classname&quot;:&quot;changaone&quot;,&quot;png_url&quot;:&quot;changaone-regular.png&quot;}">Changa One</option>';
				$output .= '<option class="gf economica" value="{&quot;family&quot;:&quot;Economica&quot;,&quot;name&quot;:&quot;Economica&quot;,&quot;import_family&quot;:&quot;Economica:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;economica&quot;,&quot;png_url&quot;:&quot;economica-regular.png&quot;}">Economica</option>';
				$output .= '<option class="gf kreon" value="{&quot;family&quot;:&quot;Kreon&quot;,&quot;name&quot;:&quot;Kreon&quot;,&quot;import_family&quot;:&quot;Kreon:300,regular,700&quot;,&quot;classname&quot;:&quot;kreon&quot;,&quot;png_url&quot;:&quot;kreon-regular.png&quot;}">Kreon</option>';
				$output .= '<option class="gf specialelite" value="{&quot;family&quot;:&quot;Special Elite&quot;,&quot;name&quot;:&quot;Special Elite&quot;,&quot;import_family&quot;:&quot;Special+Elite:regular&quot;,&quot;classname&quot;:&quot;specialelite&quot;,&quot;png_url&quot;:&quot;specialelite-regular.png&quot;}">Special Elite</option>';
				$output .= '<option class="gf cabincondensed" value="{&quot;family&quot;:&quot;Cabin Condensed&quot;,&quot;name&quot;:&quot;Cabin Condensed&quot;,&quot;import_family&quot;:&quot;Cabin+Condensed:regular,500,600,700&quot;,&quot;classname&quot;:&quot;cabincondensed&quot;,&quot;png_url&quot;:&quot;cabincondensed-regular.png&quot;}">Cabin Condensed</option>';
				$output .= '<option class="gf newscycle" value="{&quot;family&quot;:&quot;News Cycle&quot;,&quot;name&quot;:&quot;News Cycle&quot;,&quot;import_family&quot;:&quot;News+Cycle:regular,700&quot;,&quot;classname&quot;:&quot;newscycle&quot;,&quot;png_url&quot;:&quot;newscycle-regular.png&quot;}">News Cycle</option>';
				$output .= '<option class="gf nobile" value="{&quot;family&quot;:&quot;Nobile&quot;,&quot;name&quot;:&quot;Nobile&quot;,&quot;import_family&quot;:&quot;Nobile:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;nobile&quot;,&quot;png_url&quot;:&quot;nobile-regular.png&quot;}">Nobile</option>';
				$output .= '<option class="gf squadaone" value="{&quot;family&quot;:&quot;Squada One&quot;,&quot;name&quot;:&quot;Squada One&quot;,&quot;import_family&quot;:&quot;Squada+One:regular&quot;,&quot;classname&quot;:&quot;squadaone&quot;,&quot;png_url&quot;:&quot;squadaone-regular.png&quot;}">Squada One</option>';
				$output .= '<option class="gf tangerine" value="{&quot;family&quot;:&quot;Tangerine&quot;,&quot;name&quot;:&quot;Tangerine&quot;,&quot;import_family&quot;:&quot;Tangerine:regular,700&quot;,&quot;classname&quot;:&quot;tangerine&quot;,&quot;png_url&quot;:&quot;tangerine-regular.png&quot;}">Tangerine</option>';
				$output .= '<option class="gf philosopher" value="{&quot;family&quot;:&quot;Philosopher&quot;,&quot;name&quot;:&quot;Philosopher&quot;,&quot;import_family&quot;:&quot;Philosopher:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;philosopher&quot;,&quot;png_url&quot;:&quot;philosopher-regular.png&quot;}">Philosopher</option>';
				$output .= '<option class="gf cantarell" value="{&quot;family&quot;:&quot;Cantarell&quot;,&quot;name&quot;:&quot;Cantarell&quot;,&quot;import_family&quot;:&quot;Cantarell:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;cantarell&quot;,&quot;png_url&quot;:&quot;cantarell-regular.png&quot;}">Cantarell</option>';
				$output .= '<option class="gf notoserif" value="{&quot;family&quot;:&quot;Noto Serif&quot;,&quot;name&quot;:&quot;Noto Serif&quot;,&quot;import_family&quot;:&quot;Noto+Serif:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;notoserif&quot;,&quot;png_url&quot;:&quot;notoserif-regular.png&quot;}">Noto Serif</option>';
				$output .= '<option class="gf comfortaa" value="{&quot;family&quot;:&quot;Comfortaa&quot;,&quot;name&quot;:&quot;Comfortaa&quot;,&quot;import_family&quot;:&quot;Comfortaa:300,regular,700&quot;,&quot;classname&quot;:&quot;comfortaa&quot;,&quot;png_url&quot;:&quot;comfortaa-regular.png&quot;}">Comfortaa</option>';
				$output .= '<option class="gf chewy" value="{&quot;family&quot;:&quot;Chewy&quot;,&quot;name&quot;:&quot;Chewy&quot;,&quot;import_family&quot;:&quot;Chewy:regular&quot;,&quot;classname&quot;:&quot;chewy&quot;,&quot;png_url&quot;:&quot;chewy-regular.png&quot;}">Chewy</option>';
				$output .= '<option class="gf luckiestguy" value="{&quot;family&quot;:&quot;Luckiest Guy&quot;,&quot;name&quot;:&quot;Luckiest Guy&quot;,&quot;import_family&quot;:&quot;Luckiest+Guy:regular&quot;,&quot;classname&quot;:&quot;luckiestguy&quot;,&quot;png_url&quot;:&quot;luckiestguy-regular.png&quot;}">Luckiest Guy</option>';
				$output .= '<option class="gf breeserif" value="{&quot;family&quot;:&quot;Bree Serif&quot;,&quot;name&quot;:&quot;Bree Serif&quot;,&quot;import_family&quot;:&quot;Bree+Serif:regular&quot;,&quot;classname&quot;:&quot;breeserif&quot;,&quot;png_url&quot;:&quot;breeserif-regular.png&quot;}">Bree Serif</option>';
				$output .= '<option class="gf playball" value="{&quot;family&quot;:&quot;Playball&quot;,&quot;name&quot;:&quot;Playball&quot;,&quot;import_family&quot;:&quot;Playball:regular&quot;,&quot;classname&quot;:&quot;playball&quot;,&quot;png_url&quot;:&quot;playball-regular.png&quot;}">Playball</option>';
				$output .= '<option class="gf gudea" value="{&quot;family&quot;:&quot;Gudea&quot;,&quot;name&quot;:&quot;Gudea&quot;,&quot;import_family&quot;:&quot;Gudea:regular,italic,700&quot;,&quot;classname&quot;:&quot;gudea&quot;,&quot;png_url&quot;:&quot;gudea-regular.png&quot;}">Gudea</option>';
				$output .= '<option class="gf ropasans" value="{&quot;family&quot;:&quot;Ropa Sans&quot;,&quot;name&quot;:&quot;Ropa Sans&quot;,&quot;import_family&quot;:&quot;Ropa+Sans:regular,italic&quot;,&quot;classname&quot;:&quot;ropasans&quot;,&quot;png_url&quot;:&quot;ropasans-regular.png&quot;}">Ropa Sans</option>';
				$output .= '<option class="gf signikanegative" value="{&quot;family&quot;:&quot;Signika Negative&quot;,&quot;name&quot;:&quot;Signika Negative&quot;,&quot;import_family&quot;:&quot;Signika+Negative:300,regular,600,700&quot;,&quot;classname&quot;:&quot;signikanegative&quot;,&quot;png_url&quot;:&quot;signikanegative-regular.png&quot;}">Signika Negative</option>';
				$output .= '<option class="gf patuaone" value="{&quot;family&quot;:&quot;Patua One&quot;,&quot;name&quot;:&quot;Patua One&quot;,&quot;import_family&quot;:&quot;Patua+One:regular&quot;,&quot;classname&quot;:&quot;patuaone&quot;,&quot;png_url&quot;:&quot;patuaone-regular.png&quot;}">Patua One</option>';
				$output .= '<option class="gf pontanosans" value="{&quot;family&quot;:&quot;Pontano Sans&quot;,&quot;name&quot;:&quot;Pontano Sans&quot;,&quot;import_family&quot;:&quot;Pontano+Sans:regular&quot;,&quot;classname&quot;:&quot;pontanosans&quot;,&quot;png_url&quot;:&quot;pontanosans-regular.png&quot;}">Pontano Sans</option>';
				$output .= '<option class="gf fredokaone" value="{&quot;family&quot;:&quot;Fredoka One&quot;,&quot;name&quot;:&quot;Fredoka One&quot;,&quot;import_family&quot;:&quot;Fredoka+One:regular&quot;,&quot;classname&quot;:&quot;fredokaone&quot;,&quot;png_url&quot;:&quot;fredokaone-regular.png&quot;}">Fredoka One</option>';
				$output .= '<option class="gf marvel" value="{&quot;family&quot;:&quot;Marvel&quot;,&quot;name&quot;:&quot;Marvel&quot;,&quot;import_family&quot;:&quot;Marvel:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;marvel&quot;,&quot;png_url&quot;:&quot;marvel-regular.png&quot;}">Marvel</option>';
				$output .= '<option class="gf varelaround" value="{&quot;family&quot;:&quot;Varela Round&quot;,&quot;name&quot;:&quot;Varela Round&quot;,&quot;import_family&quot;:&quot;Varela+Round:regular&quot;,&quot;classname&quot;:&quot;varelaround&quot;,&quot;png_url&quot;:&quot;varelaround-regular.png&quot;}">Varela Round</option>';
				$output .= '<option class="gf monda" value="{&quot;family&quot;:&quot;Monda&quot;,&quot;name&quot;:&quot;Monda&quot;,&quot;import_family&quot;:&quot;Monda:regular,700&quot;,&quot;classname&quot;:&quot;monda&quot;,&quot;png_url&quot;:&quot;monda-regular.png&quot;}">Monda</option>';
				$output .= '<option class="gf noticiatext" value="{&quot;family&quot;:&quot;Noticia Text&quot;,&quot;name&quot;:&quot;Noticia Text&quot;,&quot;import_family&quot;:&quot;Noticia+Text:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;noticiatext&quot;,&quot;png_url&quot;:&quot;noticiatext-regular.png&quot;}">Noticia Text</option>';
				$output .= '<option class="gf karla" value="{&quot;family&quot;:&quot;Karla&quot;,&quot;name&quot;:&quot;Karla&quot;,&quot;import_family&quot;:&quot;Karla:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;karla&quot;,&quot;png_url&quot;:&quot;karla-regular.png&quot;}">Karla</option>';
				$output .= '<option class="gf blackopsone" value="{&quot;family&quot;:&quot;Black Ops One&quot;,&quot;name&quot;:&quot;Black Ops One&quot;,&quot;import_family&quot;:&quot;Black+Ops+One:regular&quot;,&quot;classname&quot;:&quot;blackopsone&quot;,&quot;png_url&quot;:&quot;blackopsone-regular.png&quot;}">Black Ops One</option>';
				$output .= '<option class="gf righteous" value="{&quot;family&quot;:&quot;Righteous&quot;,&quot;name&quot;:&quot;Righteous&quot;,&quot;import_family&quot;:&quot;Righteous:regular&quot;,&quot;classname&quot;:&quot;righteous&quot;,&quot;png_url&quot;:&quot;righteous-regular.png&quot;}">Righteous</option>';
				$output .= '<option class="gf voltaire" value="{&quot;family&quot;:&quot;Voltaire&quot;,&quot;name&quot;:&quot;Voltaire&quot;,&quot;import_family&quot;:&quot;Voltaire:regular&quot;,&quot;classname&quot;:&quot;voltaire&quot;,&quot;png_url&quot;:&quot;voltaire-regular.png&quot;}">Voltaire</option>';
				$output .= '<option class="gf permanentmarker" value="{&quot;family&quot;:&quot;Permanent Marker&quot;,&quot;name&quot;:&quot;Permanent Marker&quot;,&quot;import_family&quot;:&quot;Permanent+Marker:regular&quot;,&quot;classname&quot;:&quot;permanentmarker&quot;,&quot;png_url&quot;:&quot;permanentmarker-regular.png&quot;}">Permanent Marker</option>';
				$output .= '<option class="gf josefinslab" value="{&quot;family&quot;:&quot;Josefin Slab&quot;,&quot;name&quot;:&quot;Josefin Slab&quot;,&quot;import_family&quot;:&quot;Josefin+Slab:100,100italic,300,300italic,regular,italic,600,600italic,700,700italic&quot;,&quot;classname&quot;:&quot;josefinslab&quot;,&quot;png_url&quot;:&quot;josefinslab-regular.png&quot;}">Josefin Slab</option>';
				$output .= '<option class="gf crimsontext" value="{&quot;family&quot;:&quot;Crimson Text&quot;,&quot;name&quot;:&quot;Crimson Text&quot;,&quot;import_family&quot;:&quot;Crimson+Text:regular,italic,600,600italic,700,700italic&quot;,&quot;classname&quot;:&quot;crimsontext&quot;,&quot;png_url&quot;:&quot;crimsontext-regular.png&quot;}">Crimson Text</option>';
				$output .= '<option class="gf lobstertwo" value="{&quot;family&quot;:&quot;Lobster Two&quot;,&quot;name&quot;:&quot;Lobster Two&quot;,&quot;import_family&quot;:&quot;Lobster+Two:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;lobstertwo&quot;,&quot;png_url&quot;:&quot;lobstertwo-regular.png&quot;}">Lobster Two</option>';
				$output .= '<option class="gf amaticsc" value="{&quot;family&quot;:&quot;Amatic SC&quot;,&quot;name&quot;:&quot;Amatic SC&quot;,&quot;import_family&quot;:&quot;Amatic+SC:regular,700&quot;,&quot;classname&quot;:&quot;amaticsc&quot;,&quot;png_url&quot;:&quot;amaticsc-regular.png&quot;}">Amatic SC</option>';
				$output .= '<option class="gf quattrocentosans" value="{&quot;family&quot;:&quot;Quattrocento Sans&quot;,&quot;name&quot;:&quot;Quattrocento Sans&quot;,&quot;import_family&quot;:&quot;Quattrocento+Sans:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;quattrocentosans&quot;,&quot;png_url&quot;:&quot;quattrocentosans-regular.png&quot;}">Quattrocento Sans</option>';
				$output .= '<option class="gf cantataone" value="{&quot;family&quot;:&quot;Cantata One&quot;,&quot;name&quot;:&quot;Cantata One&quot;,&quot;import_family&quot;:&quot;Cantata+One:regular&quot;,&quot;classname&quot;:&quot;cantataone&quot;,&quot;png_url&quot;:&quot;cantataone-regular.png&quot;}">Cantata One</option>';
				$output .= '<option class="gf satisfy" value="{&quot;family&quot;:&quot;Satisfy&quot;,&quot;name&quot;:&quot;Satisfy&quot;,&quot;import_family&quot;:&quot;Satisfy:regular&quot;,&quot;classname&quot;:&quot;satisfy&quot;,&quot;png_url&quot;:&quot;satisfy-regular.png&quot;}">Satisfy</option>';
				$output .= '<option class="gf poiretone" value="{&quot;family&quot;:&quot;Poiret One&quot;,&quot;name&quot;:&quot;Poiret One&quot;,&quot;import_family&quot;:&quot;Poiret+One:regular&quot;,&quot;classname&quot;:&quot;poiretone&quot;,&quot;png_url&quot;:&quot;poiretone-regular.png&quot;}">Poiret One</option>';
				$output .= '<option class="gf calligraffitti" value="{&quot;family&quot;:&quot;Calligraffitti&quot;,&quot;name&quot;:&quot;Calligraffitti&quot;,&quot;import_family&quot;:&quot;Calligraffitti:regular&quot;,&quot;classname&quot;:&quot;calligraffitti&quot;,&quot;png_url&quot;:&quot;calligraffitti-regular.png&quot;}">Calligraffitti</option>';
				$output .= '<option class="gf creteround" value="{&quot;family&quot;:&quot;Crete Round&quot;,&quot;name&quot;:&quot;Crete Round&quot;,&quot;import_family&quot;:&quot;Crete+Round:regular,italic&quot;,&quot;classname&quot;:&quot;creteround&quot;,&quot;png_url&quot;:&quot;creteround-regular.png&quot;}">Crete Round</option>';
				$output .= '<option class="gf rocksalt" value="{&quot;family&quot;:&quot;Rock Salt&quot;,&quot;name&quot;:&quot;Rock Salt&quot;,&quot;import_family&quot;:&quot;Rock+Salt:regular&quot;,&quot;classname&quot;:&quot;rocksalt&quot;,&quot;png_url&quot;:&quot;rocksalt-regular.png&quot;}">Rock Salt</option>';
				$output .= '<option class="gf passionone" value="{&quot;family&quot;:&quot;Passion One&quot;,&quot;name&quot;:&quot;Passion One&quot;,&quot;import_family&quot;:&quot;Passion+One:regular,700,900&quot;,&quot;classname&quot;:&quot;passionone&quot;,&quot;png_url&quot;:&quot;passionone-regular.png&quot;}">Passion One</option>';
				$output .= '<option class="gf telex" value="{&quot;family&quot;:&quot;Telex&quot;,&quot;name&quot;:&quot;Telex&quot;,&quot;import_family&quot;:&quot;Telex:regular&quot;,&quot;classname&quot;:&quot;telex&quot;,&quot;png_url&quot;:&quot;telex-regular.png&quot;}">Telex</option>';
				$output .= '<option class="gf droidsansmono" value="{&quot;family&quot;:&quot;Droid Sans Mono&quot;,&quot;name&quot;:&quot;Droid Sans Mono&quot;,&quot;import_family&quot;:&quot;Droid+Sans+Mono:regular&quot;,&quot;classname&quot;:&quot;droidsansmono&quot;,&quot;png_url&quot;:&quot;droidsansmono-regular.png&quot;}">Droid Sans Mono</option>';
				$output .= '<option class="gf shadowsintolighttwo" value="{&quot;family&quot;:&quot;Shadows Into Light Two&quot;,&quot;name&quot;:&quot;Shadows Into Light Two&quot;,&quot;import_family&quot;:&quot;Shadows+Into+Light+Two:regular&quot;,&quot;classname&quot;:&quot;shadowsintolighttwo&quot;,&quot;png_url&quot;:&quot;shadowsintolighttwo-regular.png&quot;}">Shadows Into Light Two</option>';
				$output .= '<option class="gf ebgaramond" value="{&quot;family&quot;:&quot;EB Garamond&quot;,&quot;name&quot;:&quot;EB Garamond&quot;,&quot;import_family&quot;:&quot;EB+Garamond:regular&quot;,&quot;classname&quot;:&quot;ebgaramond&quot;,&quot;png_url&quot;:&quot;ebgaramond-regular.png&quot;}">EB Garamond</option>';
				$output .= '<option class="gf pathwaygothicone" value="{&quot;family&quot;:&quot;Pathway Gothic One&quot;,&quot;name&quot;:&quot;Pathway Gothic One&quot;,&quot;import_family&quot;:&quot;Pathway+Gothic+One:regular&quot;,&quot;classname&quot;:&quot;pathwaygothicone&quot;,&quot;png_url&quot;:&quot;pathwaygothicone-regular.png&quot;}">Pathway Gothic One</option>';
				$output .= '<option class="gf tinos" value="{&quot;family&quot;:&quot;Tinos&quot;,&quot;name&quot;:&quot;Tinos&quot;,&quot;import_family&quot;:&quot;Tinos:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;tinos&quot;,&quot;png_url&quot;:&quot;tinos-regular.png&quot;}">Tinos</option>';
				$output .= '<option class="gf oldstandardtt" value="{&quot;family&quot;:&quot;Old Standard TT&quot;,&quot;name&quot;:&quot;Old Standard TT&quot;,&quot;import_family&quot;:&quot;Old+Standard+TT:regular,italic,700&quot;,&quot;classname&quot;:&quot;oldstandardtt&quot;,&quot;png_url&quot;:&quot;oldstandardtt-regular.png&quot;}">Old Standard TT</option>';
				$output .= '<option class="gf waitingforthesunrise" value="{&quot;family&quot;:&quot;Waiting for the Sunrise&quot;,&quot;name&quot;:&quot;Waiting for the Sunrise&quot;,&quot;import_family&quot;:&quot;Waiting+for+the+Sunrise:regular&quot;,&quot;classname&quot;:&quot;waitingforthesunrise&quot;,&quot;png_url&quot;:&quot;waitingforthesunrise-regular.png&quot;}">Waiting for the Sunrise</option>';
				$output .= '<option class="gf quattrocento" value="{&quot;family&quot;:&quot;Quattrocento&quot;,&quot;name&quot;:&quot;Quattrocento&quot;,&quot;import_family&quot;:&quot;Quattrocento:regular,700&quot;,&quot;classname&quot;:&quot;quattrocento&quot;,&quot;png_url&quot;:&quot;quattrocento-regular.png&quot;}">Quattrocento</option>';
				$output .= '<option class="gf benchnine" value="{&quot;family&quot;:&quot;BenchNine&quot;,&quot;name&quot;:&quot;BenchNine&quot;,&quot;import_family&quot;:&quot;BenchNine:300,regular,700&quot;,&quot;classname&quot;:&quot;benchnine&quot;,&quot;png_url&quot;:&quot;benchnine-regular.png&quot;}">BenchNine</option>';
				$output .= '<option class="gf unkempt" value="{&quot;family&quot;:&quot;Unkempt&quot;,&quot;name&quot;:&quot;Unkempt&quot;,&quot;import_family&quot;:&quot;Unkempt:regular,700&quot;,&quot;classname&quot;:&quot;unkempt&quot;,&quot;png_url&quot;:&quot;unkempt-regular.png&quot;}">Unkempt</option>';
				$output .= '<option class="gf gentiumbookbasic" value="{&quot;family&quot;:&quot;Gentium Book Basic&quot;,&quot;name&quot;:&quot;Gentium Book Basic&quot;,&quot;import_family&quot;:&quot;Gentium+Book+Basic:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;gentiumbookbasic&quot;,&quot;png_url&quot;:&quot;gentiumbookbasic-regular.png&quot;}">Gentium Book Basic</option>';
				$output .= '<option class="gf molengo" value="{&quot;family&quot;:&quot;Molengo&quot;,&quot;name&quot;:&quot;Molengo&quot;,&quot;import_family&quot;:&quot;Molengo:regular&quot;,&quot;classname&quot;:&quot;molengo&quot;,&quot;png_url&quot;:&quot;molengo-regular.png&quot;}">Molengo</option>';
				$output .= '<option class="gf handlee" value="{&quot;family&quot;:&quot;Handlee&quot;,&quot;name&quot;:&quot;Handlee&quot;,&quot;import_family&quot;:&quot;Handlee:regular&quot;,&quot;classname&quot;:&quot;handlee&quot;,&quot;png_url&quot;:&quot;handlee-regular.png&quot;}">Handlee</option>';
				$output .= '<option class="gf marckscript" value="{&quot;family&quot;:&quot;Marck Script&quot;,&quot;name&quot;:&quot;Marck Script&quot;,&quot;import_family&quot;:&quot;Marck+Script:regular&quot;,&quot;classname&quot;:&quot;marckscript&quot;,&quot;png_url&quot;:&quot;marckscript-regular.png&quot;}">Marck Script</option>';
				$output .= '<option class="gf cherrycreamsoda" value="{&quot;family&quot;:&quot;Cherry Cream Soda&quot;,&quot;name&quot;:&quot;Cherry Cream Soda&quot;,&quot;import_family&quot;:&quot;Cherry+Cream+Soda:regular&quot;,&quot;classname&quot;:&quot;cherrycreamsoda&quot;,&quot;png_url&quot;:&quot;cherrycreamsoda-regular.png&quot;}">Cherry Cream Soda</option>';
				$output .= '<option class="gf varela" value="{&quot;family&quot;:&quot;Varela&quot;,&quot;name&quot;:&quot;Varela&quot;,&quot;import_family&quot;:&quot;Varela:regular&quot;,&quot;classname&quot;:&quot;varela&quot;,&quot;png_url&quot;:&quot;varela-regular.png&quot;}">Varela</option>';
				$output .= '<option class="gf pinyonscript" value="{&quot;family&quot;:&quot;Pinyon Script&quot;,&quot;name&quot;:&quot;Pinyon Script&quot;,&quot;import_family&quot;:&quot;Pinyon+Script:regular&quot;,&quot;classname&quot;:&quot;pinyonscript&quot;,&quot;png_url&quot;:&quot;pinyonscript-regular.png&quot;}">Pinyon Script</option>';
				$output .= '<option class="gf architectsdaughter" value="{&quot;family&quot;:&quot;Architects Daughter&quot;,&quot;name&quot;:&quot;Architects Daughter&quot;,&quot;import_family&quot;:&quot;Architects+Daughter:regular&quot;,&quot;classname&quot;:&quot;architectsdaughter&quot;,&quot;png_url&quot;:&quot;architectsdaughter-regular.png&quot;}">Architects Daughter</option>';
				$output .= '<option class="gf chivo" value="{&quot;family&quot;:&quot;Chivo&quot;,&quot;name&quot;:&quot;Chivo&quot;,&quot;import_family&quot;:&quot;Chivo:regular,italic,900,900italic&quot;,&quot;classname&quot;:&quot;chivo&quot;,&quot;png_url&quot;:&quot;chivo-regular.png&quot;}">Chivo</option>';
				$output .= '<option class="gf allerta" value="{&quot;family&quot;:&quot;Allerta&quot;,&quot;name&quot;:&quot;Allerta&quot;,&quot;import_family&quot;:&quot;Allerta:regular&quot;,&quot;classname&quot;:&quot;allerta&quot;,&quot;png_url&quot;:&quot;allerta-regular.png&quot;}">Allerta</option>';
				$output .= '<option class="gf patrickhand" value="{&quot;family&quot;:&quot;Patrick Hand&quot;,&quot;name&quot;:&quot;Patrick Hand&quot;,&quot;import_family&quot;:&quot;Patrick+Hand:regular&quot;,&quot;classname&quot;:&quot;patrickhand&quot;,&quot;png_url&quot;:&quot;patrickhand-regular.png&quot;}">Patrick Hand</option>';
				$output .= '<option class="gf orbitron" value="{&quot;family&quot;:&quot;Orbitron&quot;,&quot;name&quot;:&quot;Orbitron&quot;,&quot;import_family&quot;:&quot;Orbitron:regular,500,700,900&quot;,&quot;classname&quot;:&quot;orbitron&quot;,&quot;png_url&quot;:&quot;orbitron-regular.png&quot;}">Orbitron</option>';
				$output .= '<option class="gf bevan" value="{&quot;family&quot;:&quot;Bevan&quot;,&quot;name&quot;:&quot;Bevan&quot;,&quot;import_family&quot;:&quot;Bevan:regular&quot;,&quot;classname&quot;:&quot;bevan&quot;,&quot;png_url&quot;:&quot;bevan-regular.png&quot;}">Bevan</option>';
				$output .= '<option class="gf amaranth" value="{&quot;family&quot;:&quot;Amaranth&quot;,&quot;name&quot;:&quot;Amaranth&quot;,&quot;import_family&quot;:&quot;Amaranth:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;amaranth&quot;,&quot;png_url&quot;:&quot;amaranth-regular.png&quot;}">Amaranth</option>';
				$output .= '<option class="gf reeniebeanie" value="{&quot;family&quot;:&quot;Reenie Beanie&quot;,&quot;name&quot;:&quot;Reenie Beanie&quot;,&quot;import_family&quot;:&quot;Reenie+Beanie:regular&quot;,&quot;classname&quot;:&quot;reeniebeanie&quot;,&quot;png_url&quot;:&quot;reeniebeanie-regular.png&quot;}">Reenie Beanie</option>';
				$output .= '<option class="gf archivoblack" value="{&quot;family&quot;:&quot;Archivo Black&quot;,&quot;name&quot;:&quot;Archivo Black&quot;,&quot;import_family&quot;:&quot;Archivo+Black:regular&quot;,&quot;classname&quot;:&quot;archivoblack&quot;,&quot;png_url&quot;:&quot;archivoblack-regular.png&quot;}">Archivo Black</option>';
				$output .= '<option class="gf doppioone" value="{&quot;family&quot;:&quot;Doppio One&quot;,&quot;name&quot;:&quot;Doppio One&quot;,&quot;import_family&quot;:&quot;Doppio+One:regular&quot;,&quot;classname&quot;:&quot;doppioone&quot;,&quot;png_url&quot;:&quot;doppioone-regular.png&quot;}">Doppio One</option>';
				$output .= '<option class="gf jockeyone" value="{&quot;family&quot;:&quot;Jockey One&quot;,&quot;name&quot;:&quot;Jockey One&quot;,&quot;import_family&quot;:&quot;Jockey+One:regular&quot;,&quot;classname&quot;:&quot;jockeyone&quot;,&quot;png_url&quot;:&quot;jockeyone-regular.png&quot;}">Jockey One</option>';
				$output .= '<option class="gf coda" value="{&quot;family&quot;:&quot;Coda&quot;,&quot;name&quot;:&quot;Coda&quot;,&quot;import_family&quot;:&quot;Coda:regular,800&quot;,&quot;classname&quot;:&quot;coda&quot;,&quot;png_url&quot;:&quot;coda-regular.png&quot;}">Coda</option>';
				$output .= '<option class="gf actor" value="{&quot;family&quot;:&quot;Actor&quot;,&quot;name&quot;:&quot;Actor&quot;,&quot;import_family&quot;:&quot;Actor:regular&quot;,&quot;classname&quot;:&quot;actor&quot;,&quot;png_url&quot;:&quot;actor-regular.png&quot;}">Actor</option>';
				$output .= '<option class="gf gloriahallelujah" value="{&quot;family&quot;:&quot;Gloria Hallelujah&quot;,&quot;name&quot;:&quot;Gloria Hallelujah&quot;,&quot;import_family&quot;:&quot;Gloria+Hallelujah:regular&quot;,&quot;classname&quot;:&quot;gloriahallelujah&quot;,&quot;png_url&quot;:&quot;gloriahallelujah-regular.png&quot;}">Gloria Hallelujah</option>';
				$output .= '<option class="gf carme" value="{&quot;family&quot;:&quot;Carme&quot;,&quot;name&quot;:&quot;Carme&quot;,&quot;import_family&quot;:&quot;Carme:regular&quot;,&quot;classname&quot;:&quot;carme&quot;,&quot;png_url&quot;:&quot;carme-regular.png&quot;}">Carme</option>';
				$output .= '<option class="gf leckerlione" value="{&quot;family&quot;:&quot;Leckerli One&quot;,&quot;name&quot;:&quot;Leckerli One&quot;,&quot;import_family&quot;:&quot;Leckerli+One:regular&quot;,&quot;classname&quot;:&quot;leckerlione&quot;,&quot;png_url&quot;:&quot;leckerlione-regular.png&quot;}">Leckerli One</option>';
				$output .= '<option class="gf sanchez" value="{&quot;family&quot;:&quot;Sanchez&quot;,&quot;name&quot;:&quot;Sanchez&quot;,&quot;import_family&quot;:&quot;Sanchez:regular,italic&quot;,&quot;classname&quot;:&quot;sanchez&quot;,&quot;png_url&quot;:&quot;sanchez-regular.png&quot;}">Sanchez</option>';
				$output .= '<option class="gf syncopate" value="{&quot;family&quot;:&quot;Syncopate&quot;,&quot;name&quot;:&quot;Syncopate&quot;,&quot;import_family&quot;:&quot;Syncopate:regular,700&quot;,&quot;classname&quot;:&quot;syncopate&quot;,&quot;png_url&quot;:&quot;syncopate-regular.png&quot;}">Syncopate</option>';
				$output .= '<option class="gf didactgothic" value="{&quot;family&quot;:&quot;Didact Gothic&quot;,&quot;name&quot;:&quot;Didact Gothic&quot;,&quot;import_family&quot;:&quot;Didact+Gothic:regular&quot;,&quot;classname&quot;:&quot;didactgothic&quot;,&quot;png_url&quot;:&quot;didactgothic-regular.png&quot;}">Didact Gothic</option>';
				$output .= '<option class="gf neucha" value="{&quot;family&quot;:&quot;Neucha&quot;,&quot;name&quot;:&quot;Neucha&quot;,&quot;import_family&quot;:&quot;Neucha:regular&quot;,&quot;classname&quot;:&quot;neucha&quot;,&quot;png_url&quot;:&quot;neucha-regular.png&quot;}">Neucha</option>';
				$output .= '<option class="gf sourcecodepro" value="{&quot;family&quot;:&quot;Source Code Pro&quot;,&quot;name&quot;:&quot;Source Code Pro&quot;,&quot;import_family&quot;:&quot;Source+Code+Pro:200,300,regular,500,600,700,900&quot;,&quot;classname&quot;:&quot;sourcecodepro&quot;,&quot;png_url&quot;:&quot;sourcecodepro-regular.png&quot;}">Source Code Pro</option>';
				$output .= '<option class="gf kameron" value="{&quot;family&quot;:&quot;Kameron&quot;,&quot;name&quot;:&quot;Kameron&quot;,&quot;import_family&quot;:&quot;Kameron:regular,700&quot;,&quot;classname&quot;:&quot;kameron&quot;,&quot;png_url&quot;:&quot;kameron-regular.png&quot;}">Kameron</option>';
				$output .= '<option class="gf lusitana" value="{&quot;family&quot;:&quot;Lusitana&quot;,&quot;name&quot;:&quot;Lusitana&quot;,&quot;import_family&quot;:&quot;Lusitana:regular,700&quot;,&quot;classname&quot;:&quot;lusitana&quot;,&quot;png_url&quot;:&quot;lusitana-regular.png&quot;}">Lusitana</option>';
				$output .= '<option class="gf share" value="{&quot;family&quot;:&quot;Share&quot;,&quot;name&quot;:&quot;Share&quot;,&quot;import_family&quot;:&quot;Share:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;share&quot;,&quot;png_url&quot;:&quot;share-regular.png&quot;}">Share</option>';
				$output .= '<option class="gf copse" value="{&quot;family&quot;:&quot;Copse&quot;,&quot;name&quot;:&quot;Copse&quot;,&quot;import_family&quot;:&quot;Copse:regular&quot;,&quot;classname&quot;:&quot;copse&quot;,&quot;png_url&quot;:&quot;copse-regular.png&quot;}">Copse</option>';
				$output .= '<option class="gf coveredbyyourgrace" value="{&quot;family&quot;:&quot;Covered By Your Grace&quot;,&quot;name&quot;:&quot;Covered By Your Grace&quot;,&quot;import_family&quot;:&quot;Covered+By+Your+Grace:regular&quot;,&quot;classname&quot;:&quot;coveredbyyourgrace&quot;,&quot;png_url&quot;:&quot;coveredbyyourgrace-regular.png&quot;}">Covered By Your Grace</option>';
				$output .= '<option class="gf trocchi" value="{&quot;family&quot;:&quot;Trocchi&quot;,&quot;name&quot;:&quot;Trocchi&quot;,&quot;import_family&quot;:&quot;Trocchi:regular&quot;,&quot;classname&quot;:&quot;trocchi&quot;,&quot;png_url&quot;:&quot;trocchi-regular.png&quot;}">Trocchi</option>';
				$output .= '<option class="gf walterturncoat" value="{&quot;family&quot;:&quot;Walter Turncoat&quot;,&quot;name&quot;:&quot;Walter Turncoat&quot;,&quot;import_family&quot;:&quot;Walter+Turncoat:regular&quot;,&quot;classname&quot;:&quot;walterturncoat&quot;,&quot;png_url&quot;:&quot;walterturncoat-regular.png&quot;}">Walter Turncoat</option>';
				$output .= '<option class="gf cardo" value="{&quot;family&quot;:&quot;Cardo&quot;,&quot;name&quot;:&quot;Cardo&quot;,&quot;import_family&quot;:&quot;Cardo:regular,italic,700&quot;,&quot;classname&quot;:&quot;cardo&quot;,&quot;png_url&quot;:&quot;cardo-regular.png&quot;}">Cardo</option>';
				$output .= '<option class="gf goudybookletter1911" value="{&quot;family&quot;:&quot;Goudy Bookletter 1911&quot;,&quot;name&quot;:&quot;Goudy Bookletter 1911&quot;,&quot;import_family&quot;:&quot;Goudy+Bookletter+1911:regular&quot;,&quot;classname&quot;:&quot;goudybookletter1911&quot;,&quot;png_url&quot;:&quot;goudybookletter1911-regular.png&quot;}">Goudy Bookletter 1911</option>';
				$output .= '<option class="gf paytoneone" value="{&quot;family&quot;:&quot;Paytone One&quot;,&quot;name&quot;:&quot;Paytone One&quot;,&quot;import_family&quot;:&quot;Paytone+One:regular&quot;,&quot;classname&quot;:&quot;paytoneone&quot;,&quot;png_url&quot;:&quot;paytoneone-regular.png&quot;}">Paytone One</option>';
				$output .= '<option class="gf anticslab" value="{&quot;family&quot;:&quot;Antic Slab&quot;,&quot;name&quot;:&quot;Antic Slab&quot;,&quot;import_family&quot;:&quot;Antic+Slab:regular&quot;,&quot;classname&quot;:&quot;anticslab&quot;,&quot;png_url&quot;:&quot;anticslab-regular.png&quot;}">Antic Slab</option>';
				$output .= '<option class="gf nothingyoucoulddo" value="{&quot;family&quot;:&quot;Nothing You Could Do&quot;,&quot;name&quot;:&quot;Nothing You Could Do&quot;,&quot;import_family&quot;:&quot;Nothing+You+Could+Do:regular&quot;,&quot;classname&quot;:&quot;nothingyoucoulddo&quot;,&quot;png_url&quot;:&quot;nothingyoucoulddo-regular.png&quot;}">Nothing You Could Do</option>';
				$output .= '<option class="gf rancho" value="{&quot;family&quot;:&quot;Rancho&quot;,&quot;name&quot;:&quot;Rancho&quot;,&quot;import_family&quot;:&quot;Rancho:regular&quot;,&quot;classname&quot;:&quot;rancho&quot;,&quot;png_url&quot;:&quot;rancho-regular.png&quot;}">Rancho</option>';
				$output .= '<option class="gf justmeagaindownhere" value="{&quot;family&quot;:&quot;Just Me Again Down Here&quot;,&quot;name&quot;:&quot;Just Me Again Down Here&quot;,&quot;import_family&quot;:&quot;Just+Me+Again+Down+Here:regular&quot;,&quot;classname&quot;:&quot;justmeagaindownhere&quot;,&quot;png_url&quot;:&quot;justmeagaindownhere-regular.png&quot;}">Just Me Again Down Here</option>';
				$output .= '<option class="gf oleoscript" value="{&quot;family&quot;:&quot;Oleo Script&quot;,&quot;name&quot;:&quot;Oleo Script&quot;,&quot;import_family&quot;:&quot;Oleo+Script:regular,700&quot;,&quot;classname&quot;:&quot;oleoscript&quot;,&quot;png_url&quot;:&quot;oleoscript-regular.png&quot;}">Oleo Script</option>';
				$output .= '<option class="gf ptserifcaption" value="{&quot;family&quot;:&quot;PT Serif Caption&quot;,&quot;name&quot;:&quot;PT Serif Caption&quot;,&quot;import_family&quot;:&quot;PT+Serif+Caption:regular,italic&quot;,&quot;classname&quot;:&quot;ptserifcaption&quot;,&quot;png_url&quot;:&quot;ptserifcaption-regular.png&quot;}">PT Serif Caption</option>';
				$output .= '<option class="gf kottaone" value="{&quot;family&quot;:&quot;Kotta One&quot;,&quot;name&quot;:&quot;Kotta One&quot;,&quot;import_family&quot;:&quot;Kotta+One:regular&quot;,&quot;classname&quot;:&quot;kottaone&quot;,&quot;png_url&quot;:&quot;kottaone-regular.png&quot;}">Kotta One</option>';
				$output .= '<option class="gf lovedbytheking" value="{&quot;family&quot;:&quot;Loved by the King&quot;,&quot;name&quot;:&quot;Loved by the King&quot;,&quot;import_family&quot;:&quot;Loved+by+the+King:regular&quot;,&quot;classname&quot;:&quot;lovedbytheking&quot;,&quot;png_url&quot;:&quot;lovedbytheking-regular.png&quot;}">Loved by the King</option>';
				$output .= '<option class="gf nixieone" value="{&quot;family&quot;:&quot;Nixie One&quot;,&quot;name&quot;:&quot;Nixie One&quot;,&quot;import_family&quot;:&quot;Nixie+One:regular&quot;,&quot;classname&quot;:&quot;nixieone&quot;,&quot;png_url&quot;:&quot;nixieone-regular.png&quot;}">Nixie One</option>';
				$output .= '<option class="gf happymonkey" value="{&quot;family&quot;:&quot;Happy Monkey&quot;,&quot;name&quot;:&quot;Happy Monkey&quot;,&quot;import_family&quot;:&quot;Happy+Monkey:regular&quot;,&quot;classname&quot;:&quot;happymonkey&quot;,&quot;png_url&quot;:&quot;happymonkey-regular.png&quot;}">Happy Monkey</option>';
				$output .= '<option class="gf schoolbell" value="{&quot;family&quot;:&quot;Schoolbell&quot;,&quot;name&quot;:&quot;Schoolbell&quot;,&quot;import_family&quot;:&quot;Schoolbell:regular&quot;,&quot;classname&quot;:&quot;schoolbell&quot;,&quot;png_url&quot;:&quot;schoolbell-regular.png&quot;}">Schoolbell</option>';
				$output .= '<option class="gf overlock" value="{&quot;family&quot;:&quot;Overlock&quot;,&quot;name&quot;:&quot;Overlock&quot;,&quot;import_family&quot;:&quot;Overlock:regular,italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;overlock&quot;,&quot;png_url&quot;:&quot;overlock-regular.png&quot;}">Overlock</option>';
				$output .= '<option class="gf justanotherhand" value="{&quot;family&quot;:&quot;Just Another Hand&quot;,&quot;name&quot;:&quot;Just Another Hand&quot;,&quot;import_family&quot;:&quot;Just+Another+Hand:regular&quot;,&quot;classname&quot;:&quot;justanotherhand&quot;,&quot;png_url&quot;:&quot;justanotherhand-regular.png&quot;}">Just Another Hand</option>';
				$output .= '<option class="gf enriqueta" value="{&quot;family&quot;:&quot;Enriqueta&quot;,&quot;name&quot;:&quot;Enriqueta&quot;,&quot;import_family&quot;:&quot;Enriqueta:regular,700&quot;,&quot;classname&quot;:&quot;enriqueta&quot;,&quot;png_url&quot;:&quot;enriqueta-regular.png&quot;}">Enriqueta</option>';
				$output .= '<option class="gf sortsmillgoudy" value="{&quot;family&quot;:&quot;Sorts Mill Goudy&quot;,&quot;name&quot;:&quot;Sorts Mill Goudy&quot;,&quot;import_family&quot;:&quot;Sorts+Mill+Goudy:regular,italic&quot;,&quot;classname&quot;:&quot;sortsmillgoudy&quot;,&quot;png_url&quot;:&quot;sortsmillgoudy-regular.png&quot;}">Sorts Mill Goudy</option>';
				$output .= '<option class="gf viga" value="{&quot;family&quot;:&quot;Viga&quot;,&quot;name&quot;:&quot;Viga&quot;,&quot;import_family&quot;:&quot;Viga:regular&quot;,&quot;classname&quot;:&quot;viga&quot;,&quot;png_url&quot;:&quot;viga-regular.png&quot;}">Viga</option>';
				$output .= '<option class="gf kaushanscript" value="{&quot;family&quot;:&quot;Kaushan Script&quot;,&quot;name&quot;:&quot;Kaushan Script&quot;,&quot;import_family&quot;:&quot;Kaushan+Script:regular&quot;,&quot;classname&quot;:&quot;kaushanscript&quot;,&quot;png_url&quot;:&quot;kaushanscript-regular.png&quot;}">Kaushan Script</option>';
				$output .= '<option class="gf scada" value="{&quot;family&quot;:&quot;Scada&quot;,&quot;name&quot;:&quot;Scada&quot;,&quot;import_family&quot;:&quot;Scada:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;scada&quot;,&quot;png_url&quot;:&quot;scada-regular.png&quot;}">Scada</option>';
				$output .= '<option class="gf berkshireswash" value="{&quot;family&quot;:&quot;Berkshire Swash&quot;,&quot;name&quot;:&quot;Berkshire Swash&quot;,&quot;import_family&quot;:&quot;Berkshire+Swash:regular&quot;,&quot;classname&quot;:&quot;berkshireswash&quot;,&quot;png_url&quot;:&quot;berkshireswash-regular.png&quot;}">Berkshire Swash</option>';
				$output .= '<option class="gf bangers" value="{&quot;family&quot;:&quot;Bangers&quot;,&quot;name&quot;:&quot;Bangers&quot;,&quot;import_family&quot;:&quot;Bangers:regular&quot;,&quot;classname&quot;:&quot;bangers&quot;,&quot;png_url&quot;:&quot;bangers-regular.png&quot;}">Bangers</option>';
				$output .= '<option class="gf marmelad" value="{&quot;family&quot;:&quot;Marmelad&quot;,&quot;name&quot;:&quot;Marmelad&quot;,&quot;import_family&quot;:&quot;Marmelad:regular&quot;,&quot;classname&quot;:&quot;marmelad&quot;,&quot;png_url&quot;:&quot;marmelad-regular.png&quot;}">Marmelad</option>';
				$output .= '<option class="gf vidaloka" value="{&quot;family&quot;:&quot;Vidaloka&quot;,&quot;name&quot;:&quot;Vidaloka&quot;,&quot;import_family&quot;:&quot;Vidaloka:regular&quot;,&quot;classname&quot;:&quot;vidaloka&quot;,&quot;png_url&quot;:&quot;vidaloka-regular.png&quot;}">Vidaloka</option>';
				$output .= '<option class="gf russoone" value="{&quot;family&quot;:&quot;Russo One&quot;,&quot;name&quot;:&quot;Russo One&quot;,&quot;import_family&quot;:&quot;Russo+One:regular&quot;,&quot;classname&quot;:&quot;russoone&quot;,&quot;png_url&quot;:&quot;russoone-regular.png&quot;}">Russo One</option>';
				$output .= '<option class="gf neuton" value="{&quot;family&quot;:&quot;Neuton&quot;,&quot;name&quot;:&quot;Neuton&quot;,&quot;import_family&quot;:&quot;Neuton:200,300,regular,italic,700,800&quot;,&quot;classname&quot;:&quot;neuton&quot;,&quot;png_url&quot;:&quot;neuton-regular.png&quot;}">Neuton</option>';
				$output .= '<option class="gf rambla" value="{&quot;family&quot;:&quot;Rambla&quot;,&quot;name&quot;:&quot;Rambla&quot;,&quot;import_family&quot;:&quot;Rambla:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;rambla&quot;,&quot;png_url&quot;:&quot;rambla-regular.png&quot;}">Rambla</option>';
				$output .= '<option class="gf allan" value="{&quot;family&quot;:&quot;Allan&quot;,&quot;name&quot;:&quot;Allan&quot;,&quot;import_family&quot;:&quot;Allan:regular,700&quot;,&quot;classname&quot;:&quot;allan&quot;,&quot;png_url&quot;:&quot;allan-regular.png&quot;}">Allan</option>';
				$output .= '<option class="gf rochester" value="{&quot;family&quot;:&quot;Rochester&quot;,&quot;name&quot;:&quot;Rochester&quot;,&quot;import_family&quot;:&quot;Rochester:regular&quot;,&quot;classname&quot;:&quot;rochester&quot;,&quot;png_url&quot;:&quot;rochester-regular.png&quot;}">Rochester</option>';
				$output .= '<option class="gf homemadeapple" value="{&quot;family&quot;:&quot;Homemade Apple&quot;,&quot;name&quot;:&quot;Homemade Apple&quot;,&quot;import_family&quot;:&quot;Homemade+Apple:regular&quot;,&quot;classname&quot;:&quot;homemadeapple&quot;,&quot;png_url&quot;:&quot;homemadeapple-regular.png&quot;}">Homemade Apple</option>';
				$output .= '<option class="gf domine" value="{&quot;family&quot;:&quot;Domine&quot;,&quot;name&quot;:&quot;Domine&quot;,&quot;import_family&quot;:&quot;Domine:regular,700&quot;,&quot;classname&quot;:&quot;domine&quot;,&quot;png_url&quot;:&quot;domine-regular.png&quot;}">Domine</option>';
				$output .= '<option class="gf juliussansone" value="{&quot;family&quot;:&quot;Julius Sans One&quot;,&quot;name&quot;:&quot;Julius Sans One&quot;,&quot;import_family&quot;:&quot;Julius+Sans+One:regular&quot;,&quot;classname&quot;:&quot;juliussansone&quot;,&quot;png_url&quot;:&quot;juliussansone-regular.png&quot;}">Julius Sans One</option>';
				$output .= '<option class="gf rosario" value="{&quot;family&quot;:&quot;Rosario&quot;,&quot;name&quot;:&quot;Rosario&quot;,&quot;import_family&quot;:&quot;Rosario:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;rosario&quot;,&quot;png_url&quot;:&quot;rosario-regular.png&quot;}">Rosario</option>';
				$output .= '<option class="gf damion" value="{&quot;family&quot;:&quot;Damion&quot;,&quot;name&quot;:&quot;Damion&quot;,&quot;import_family&quot;:&quot;Damion:regular&quot;,&quot;classname&quot;:&quot;damion&quot;,&quot;png_url&quot;:&quot;damion-regular.png&quot;}">Damion</option>';
				$output .= '<option class="gf hammersmithone" value="{&quot;family&quot;:&quot;Hammersmith One&quot;,&quot;name&quot;:&quot;Hammersmith One&quot;,&quot;import_family&quot;:&quot;Hammersmith+One:regular&quot;,&quot;classname&quot;:&quot;hammersmithone&quot;,&quot;png_url&quot;:&quot;hammersmithone-regular.png&quot;}">Hammersmith One</option>';
				$output .= '<option class="gf jura" value="{&quot;family&quot;:&quot;Jura&quot;,&quot;name&quot;:&quot;Jura&quot;,&quot;import_family&quot;:&quot;Jura:300,regular,500,600&quot;,&quot;classname&quot;:&quot;jura&quot;,&quot;png_url&quot;:&quot;jura-regular.png&quot;}">Jura</option>';
				$output .= '<option class="gf convergence" value="{&quot;family&quot;:&quot;Convergence&quot;,&quot;name&quot;:&quot;Convergence&quot;,&quot;import_family&quot;:&quot;Convergence:regular&quot;,&quot;classname&quot;:&quot;convergence&quot;,&quot;png_url&quot;:&quot;convergence-regular.png&quot;}">Convergence</option>';
				$output .= '<option class="gf greatvibes" value="{&quot;family&quot;:&quot;Great Vibes&quot;,&quot;name&quot;:&quot;Great Vibes&quot;,&quot;import_family&quot;:&quot;Great+Vibes:regular&quot;,&quot;classname&quot;:&quot;greatvibes&quot;,&quot;png_url&quot;:&quot;greatvibes-regular.png&quot;}">Great Vibes</option>';
				$output .= '<option class="gf glegoo" value="{&quot;family&quot;:&quot;Glegoo&quot;,&quot;name&quot;:&quot;Glegoo&quot;,&quot;import_family&quot;:&quot;Glegoo:regular&quot;,&quot;classname&quot;:&quot;glegoo&quot;,&quot;png_url&quot;:&quot;glegoo-regular.png&quot;}">Glegoo</option>';
				$output .= '<option class="gf spirax" value="{&quot;family&quot;:&quot;Spirax&quot;,&quot;name&quot;:&quot;Spirax&quot;,&quot;import_family&quot;:&quot;Spirax:regular&quot;,&quot;classname&quot;:&quot;spirax&quot;,&quot;png_url&quot;:&quot;spirax-regular.png&quot;}">Spirax</option>';
				$output .= '<option class="gf coustard" value="{&quot;family&quot;:&quot;Coustard&quot;,&quot;name&quot;:&quot;Coustard&quot;,&quot;import_family&quot;:&quot;Coustard:regular,900&quot;,&quot;classname&quot;:&quot;coustard&quot;,&quot;png_url&quot;:&quot;coustard-regular.png&quot;}">Coustard</option>';
				$output .= '<option class="gf ubuntumono" value="{&quot;family&quot;:&quot;Ubuntu Mono&quot;,&quot;name&quot;:&quot;Ubuntu Mono&quot;,&quot;import_family&quot;:&quot;Ubuntu+Mono:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;ubuntumono&quot;,&quot;png_url&quot;:&quot;ubuntumono-regular.png&quot;}">Ubuntu Mono</option>';
				$output .= '<option class="gf alfaslabone" value="{&quot;family&quot;:&quot;Alfa Slab One&quot;,&quot;name&quot;:&quot;Alfa Slab One&quot;,&quot;import_family&quot;:&quot;Alfa+Slab+One:regular&quot;,&quot;classname&quot;:&quot;alfaslabone&quot;,&quot;png_url&quot;:&quot;alfaslabone-regular.png&quot;}">Alfa Slab One</option>';
				$output .= '<option class="gf metrophobic" value="{&quot;family&quot;:&quot;Metrophobic&quot;,&quot;name&quot;:&quot;Metrophobic&quot;,&quot;import_family&quot;:&quot;Metrophobic:regular&quot;,&quot;classname&quot;:&quot;metrophobic&quot;,&quot;png_url&quot;:&quot;metrophobic-regular.png&quot;}">Metrophobic</option>';
				$output .= '<option class="gf thegirlnextdoor" value="{&quot;family&quot;:&quot;The Girl Next Door&quot;,&quot;name&quot;:&quot;The Girl Next Door&quot;,&quot;import_family&quot;:&quot;The+Girl+Next+Door:regular&quot;,&quot;classname&quot;:&quot;thegirlnextdoor&quot;,&quot;png_url&quot;:&quot;thegirlnextdoor-regular.png&quot;}">The Girl Next Door</option>';
				$output .= '<option class="gf badscript" value="{&quot;family&quot;:&quot;Bad Script&quot;,&quot;name&quot;:&quot;Bad Script&quot;,&quot;import_family&quot;:&quot;Bad+Script:regular&quot;,&quot;classname&quot;:&quot;badscript&quot;,&quot;png_url&quot;:&quot;badscript-regular.png&quot;}">Bad Script</option>';
				$output .= '<option class="gf andika" value="{&quot;family&quot;:&quot;Andika&quot;,&quot;name&quot;:&quot;Andika&quot;,&quot;import_family&quot;:&quot;Andika:regular&quot;,&quot;classname&quot;:&quot;andika&quot;,&quot;png_url&quot;:&quot;andika-regular.png&quot;}">Andika</option>';
				$output .= '<option class="gf aldrich" value="{&quot;family&quot;:&quot;Aldrich&quot;,&quot;name&quot;:&quot;Aldrich&quot;,&quot;import_family&quot;:&quot;Aldrich:regular&quot;,&quot;classname&quot;:&quot;aldrich&quot;,&quot;png_url&quot;:&quot;aldrich-regular.png&quot;}">Aldrich</option>';
				$output .= '<option class="gf sansitaone" value="{&quot;family&quot;:&quot;Sansita One&quot;,&quot;name&quot;:&quot;Sansita One&quot;,&quot;import_family&quot;:&quot;Sansita+One:regular&quot;,&quot;classname&quot;:&quot;sansitaone&quot;,&quot;png_url&quot;:&quot;sansitaone-regular.png&quot;}">Sansita One</option>';
				$output .= '<option class="gf allertastencil" value="{&quot;family&quot;:&quot;Allerta Stencil&quot;,&quot;name&quot;:&quot;Allerta Stencil&quot;,&quot;import_family&quot;:&quot;Allerta+Stencil:regular&quot;,&quot;classname&quot;:&quot;allertastencil&quot;,&quot;png_url&quot;:&quot;allertastencil-regular.png&quot;}">Allerta Stencil</option>';
				$output .= '<option class="gf radley" value="{&quot;family&quot;:&quot;Radley&quot;,&quot;name&quot;:&quot;Radley&quot;,&quot;import_family&quot;:&quot;Radley:regular,italic&quot;,&quot;classname&quot;:&quot;radley&quot;,&quot;png_url&quot;:&quot;radley-regular.png&quot;}">Radley</option>';
				$output .= '<option class="gf cinzel" value="{&quot;family&quot;:&quot;Cinzel&quot;,&quot;name&quot;:&quot;Cinzel&quot;,&quot;import_family&quot;:&quot;Cinzel:regular,700,900&quot;,&quot;classname&quot;:&quot;cinzel&quot;,&quot;png_url&quot;:&quot;cinzel-regular.png&quot;}">Cinzel</option>';
				$output .= '<option class="gf abeezee" value="{&quot;family&quot;:&quot;ABeeZee&quot;,&quot;name&quot;:&quot;ABeeZee&quot;,&quot;import_family&quot;:&quot;ABeeZee:regular,italic&quot;,&quot;classname&quot;:&quot;abeezee&quot;,&quot;png_url&quot;:&quot;abeezee-regular.png&quot;}">ABeeZee</option>';
				$output .= '<option class="gf judson" value="{&quot;family&quot;:&quot;Judson&quot;,&quot;name&quot;:&quot;Judson&quot;,&quot;import_family&quot;:&quot;Judson:regular,italic,700&quot;,&quot;classname&quot;:&quot;judson&quot;,&quot;png_url&quot;:&quot;judson-regular.png&quot;}">Judson</option>';
				$output .= '<option class="gf arbutusslab" value="{&quot;family&quot;:&quot;Arbutus Slab&quot;,&quot;name&quot;:&quot;Arbutus Slab&quot;,&quot;import_family&quot;:&quot;Arbutus+Slab:regular&quot;,&quot;classname&quot;:&quot;arbutusslab&quot;,&quot;png_url&quot;:&quot;arbutusslab-regular.png&quot;}">Arbutus Slab</option>';
				$output .= '<option class="gf gentiumbasic" value="{&quot;family&quot;:&quot;Gentium Basic&quot;,&quot;name&quot;:&quot;Gentium Basic&quot;,&quot;import_family&quot;:&quot;Gentium+Basic:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;gentiumbasic&quot;,&quot;png_url&quot;:&quot;gentiumbasic-regular.png&quot;}">Gentium Basic</option>';
				$output .= '<option class="gf petitformalscript" value="{&quot;family&quot;:&quot;Petit Formal Script&quot;,&quot;name&quot;:&quot;Petit Formal Script&quot;,&quot;import_family&quot;:&quot;Petit+Formal+Script:regular&quot;,&quot;classname&quot;:&quot;petitformalscript&quot;,&quot;png_url&quot;:&quot;petitformalscript-regular.png&quot;}">Petit Formal Script</option>';
				$output .= '<option class="gf michroma" value="{&quot;family&quot;:&quot;Michroma&quot;,&quot;name&quot;:&quot;Michroma&quot;,&quot;import_family&quot;:&quot;Michroma:regular&quot;,&quot;classname&quot;:&quot;michroma&quot;,&quot;png_url&quot;:&quot;michroma-regular.png&quot;}">Michroma</option>';
				$output .= '<option class="gf orienta" value="{&quot;family&quot;:&quot;Orienta&quot;,&quot;name&quot;:&quot;Orienta&quot;,&quot;import_family&quot;:&quot;Orienta:regular&quot;,&quot;classname&quot;:&quot;orienta&quot;,&quot;png_url&quot;:&quot;orienta-regular.png&quot;}">Orienta</option>';
				$output .= '<option class="gf fontdinerswanky" value="{&quot;family&quot;:&quot;Fontdiner Swanky&quot;,&quot;name&quot;:&quot;Fontdiner Swanky&quot;,&quot;import_family&quot;:&quot;Fontdiner+Swanky:regular&quot;,&quot;classname&quot;:&quot;fontdinerswanky&quot;,&quot;png_url&quot;:&quot;fontdinerswanky-regular.png&quot;}">Fontdiner Swanky</option>';
				$output .= '<option class="gf volkhov" value="{&quot;family&quot;:&quot;Volkhov&quot;,&quot;name&quot;:&quot;Volkhov&quot;,&quot;import_family&quot;:&quot;Volkhov:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;volkhov&quot;,&quot;png_url&quot;:&quot;volkhov-regular.png&quot;}">Volkhov</option>';
				$output .= '<option class="gf gochihand" value="{&quot;family&quot;:&quot;Gochi Hand&quot;,&quot;name&quot;:&quot;Gochi Hand&quot;,&quot;import_family&quot;:&quot;Gochi+Hand:regular&quot;,&quot;classname&quot;:&quot;gochihand&quot;,&quot;png_url&quot;:&quot;gochihand-regular.png&quot;}">Gochi Hand</option>';
				$output .= '<option class="gf loveyalikeasister" value="{&quot;family&quot;:&quot;Love Ya Like A Sister&quot;,&quot;name&quot;:&quot;Love Ya Like A Sister&quot;,&quot;import_family&quot;:&quot;Love+Ya+Like+A+Sister:regular&quot;,&quot;classname&quot;:&quot;loveyalikeasister&quot;,&quot;png_url&quot;:&quot;loveyalikeasister-regular.png&quot;}">Love Ya Like A Sister</option>';
				$output .= '<option class="gf puritan" value="{&quot;family&quot;:&quot;Puritan&quot;,&quot;name&quot;:&quot;Puritan&quot;,&quot;import_family&quot;:&quot;Puritan:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;puritan&quot;,&quot;png_url&quot;:&quot;puritan-regular.png&quot;}">Puritan</option>';
				$output .= '<option class="gf sixcaps" value="{&quot;family&quot;:&quot;Six Caps&quot;,&quot;name&quot;:&quot;Six Caps&quot;,&quot;import_family&quot;:&quot;Six+Caps:regular&quot;,&quot;classname&quot;:&quot;sixcaps&quot;,&quot;png_url&quot;:&quot;sixcaps-regular.png&quot;}">Six Caps</option>';
				$output .= '<option class="gf courgette" value="{&quot;family&quot;:&quot;Courgette&quot;,&quot;name&quot;:&quot;Courgette&quot;,&quot;import_family&quot;:&quot;Courgette:regular&quot;,&quot;classname&quot;:&quot;courgette&quot;,&quot;png_url&quot;:&quot;courgette-regular.png&quot;}">Courgette</option>';
				$output .= '<option class="gf inder" value="{&quot;family&quot;:&quot;Inder&quot;,&quot;name&quot;:&quot;Inder&quot;,&quot;import_family&quot;:&quot;Inder:regular&quot;,&quot;classname&quot;:&quot;inder&quot;,&quot;png_url&quot;:&quot;inder-regular.png&quot;}">Inder</option>';
				$output .= '<option class="gf sintony" value="{&quot;family&quot;:&quot;Sintony&quot;,&quot;name&quot;:&quot;Sintony&quot;,&quot;import_family&quot;:&quot;Sintony:regular,700&quot;,&quot;classname&quot;:&quot;sintony&quot;,&quot;png_url&quot;:&quot;sintony-regular.png&quot;}">Sintony</option>';
				$output .= '<option class="gf shanti" value="{&quot;family&quot;:&quot;Shanti&quot;,&quot;name&quot;:&quot;Shanti&quot;,&quot;import_family&quot;:&quot;Shanti:regular&quot;,&quot;classname&quot;:&quot;shanti&quot;,&quot;png_url&quot;:&quot;shanti-regular.png&quot;}">Shanti</option>';
				$output .= '<option class="gf sancreek" value="{&quot;family&quot;:&quot;Sancreek&quot;,&quot;name&quot;:&quot;Sancreek&quot;,&quot;import_family&quot;:&quot;Sancreek:regular&quot;,&quot;classname&quot;:&quot;sancreek&quot;,&quot;png_url&quot;:&quot;sancreek-regular.png&quot;}">Sancreek</option>';
				$output .= '<option class="gf kristi" value="{&quot;family&quot;:&quot;Kristi&quot;,&quot;name&quot;:&quot;Kristi&quot;,&quot;import_family&quot;:&quot;Kristi:regular&quot;,&quot;classname&quot;:&quot;kristi&quot;,&quot;png_url&quot;:&quot;kristi-regular.png&quot;}">Kristi</option>';
				$output .= '<option class="gf anonymouspro" value="{&quot;family&quot;:&quot;Anonymous Pro&quot;,&quot;name&quot;:&quot;Anonymous Pro&quot;,&quot;import_family&quot;:&quot;Anonymous+Pro:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;anonymouspro&quot;,&quot;png_url&quot;:&quot;anonymouspro-regular.png&quot;}">Anonymous Pro</option>';
				$output .= '<option class="gf adventpro" value="{&quot;family&quot;:&quot;Advent Pro&quot;,&quot;name&quot;:&quot;Advent Pro&quot;,&quot;import_family&quot;:&quot;Advent+Pro:100,200,300,regular,500,600,700&quot;,&quot;classname&quot;:&quot;adventpro&quot;,&quot;png_url&quot;:&quot;adventpro-regular.png&quot;}">Advent Pro</option>';
				$output .= '<option class="gf limelight" value="{&quot;family&quot;:&quot;Limelight&quot;,&quot;name&quot;:&quot;Limelight&quot;,&quot;import_family&quot;:&quot;Limelight:regular&quot;,&quot;classname&quot;:&quot;limelight&quot;,&quot;png_url&quot;:&quot;limelight-regular.png&quot;}">Limelight</option>';
				$output .= '<option class="gf meriendaone" value="{&quot;family&quot;:&quot;Merienda One&quot;,&quot;name&quot;:&quot;Merienda One&quot;,&quot;import_family&quot;:&quot;Merienda+One:regular&quot;,&quot;classname&quot;:&quot;meriendaone&quot;,&quot;png_url&quot;:&quot;meriendaone-regular.png&quot;}">Merienda One</option>';
				$output .= '<option class="gf crushed" value="{&quot;family&quot;:&quot;Crushed&quot;,&quot;name&quot;:&quot;Crushed&quot;,&quot;import_family&quot;:&quot;Crushed:regular&quot;,&quot;classname&quot;:&quot;crushed&quot;,&quot;png_url&quot;:&quot;crushed-regular.png&quot;}">Crushed</option>';
				$output .= '<option class="gf daysone" value="{&quot;family&quot;:&quot;Days One&quot;,&quot;name&quot;:&quot;Days One&quot;,&quot;import_family&quot;:&quot;Days+One:regular&quot;,&quot;classname&quot;:&quot;daysone&quot;,&quot;png_url&quot;:&quot;daysone-regular.png&quot;}">Days One</option>';
				$output .= '<option class="gf magra" value="{&quot;family&quot;:&quot;Magra&quot;,&quot;name&quot;:&quot;Magra&quot;,&quot;import_family&quot;:&quot;Magra:regular,700&quot;,&quot;classname&quot;:&quot;magra&quot;,&quot;png_url&quot;:&quot;magra-regular.png&quot;}">Magra</option>';
				$output .= '<option class="gf carroisgothic" value="{&quot;family&quot;:&quot;Carrois Gothic&quot;,&quot;name&quot;:&quot;Carrois Gothic&quot;,&quot;import_family&quot;:&quot;Carrois+Gothic:regular&quot;,&quot;classname&quot;:&quot;carroisgothic&quot;,&quot;png_url&quot;:&quot;carroisgothic-regular.png&quot;}">Carrois Gothic</option>';
				$output .= '<option class="gf imfellenglish" value="{&quot;family&quot;:&quot;IM Fell English&quot;,&quot;name&quot;:&quot;IM Fell English&quot;,&quot;import_family&quot;:&quot;IM+Fell+English:regular,italic&quot;,&quot;classname&quot;:&quot;imfellenglish&quot;,&quot;png_url&quot;:&quot;imfellenglish-regular.png&quot;}">IM Fell English</option>';
				$output .= '<option class="gf racingsansone" value="{&quot;family&quot;:&quot;Racing Sans One&quot;,&quot;name&quot;:&quot;Racing Sans One&quot;,&quot;import_family&quot;:&quot;Racing+Sans+One:regular&quot;,&quot;classname&quot;:&quot;racingsansone&quot;,&quot;png_url&quot;:&quot;racingsansone-regular.png&quot;}">Racing Sans One</option>';
				$output .= '<option class="gf cabinsketch" value="{&quot;family&quot;:&quot;Cabin Sketch&quot;,&quot;name&quot;:&quot;Cabin Sketch&quot;,&quot;import_family&quot;:&quot;Cabin+Sketch:regular,700&quot;,&quot;classname&quot;:&quot;cabinsketch&quot;,&quot;png_url&quot;:&quot;cabinsketch-regular.png&quot;}">Cabin Sketch</option>';
				$output .= '<option class="gf arapey" value="{&quot;family&quot;:&quot;Arapey&quot;,&quot;name&quot;:&quot;Arapey&quot;,&quot;import_family&quot;:&quot;Arapey:regular,italic&quot;,&quot;classname&quot;:&quot;arapey&quot;,&quot;png_url&quot;:&quot;arapey-regular.png&quot;}">Arapey</option>';
				$output .= '<option class="gf prata" value="{&quot;family&quot;:&quot;Prata&quot;,&quot;name&quot;:&quot;Prata&quot;,&quot;import_family&quot;:&quot;Prata:regular&quot;,&quot;classname&quot;:&quot;prata&quot;,&quot;png_url&quot;:&quot;prata-regular.png&quot;}">Prata</option>';
				$output .= '<option class="gf boogaloo" value="{&quot;family&quot;:&quot;Boogaloo&quot;,&quot;name&quot;:&quot;Boogaloo&quot;,&quot;import_family&quot;:&quot;Boogaloo:regular&quot;,&quot;classname&quot;:&quot;boogaloo&quot;,&quot;png_url&quot;:&quot;boogaloo-regular.png&quot;}">Boogaloo</option>';
				$output .= '<option class="gf ovo" value="{&quot;family&quot;:&quot;Ovo&quot;,&quot;name&quot;:&quot;Ovo&quot;,&quot;import_family&quot;:&quot;Ovo:regular&quot;,&quot;classname&quot;:&quot;ovo&quot;,&quot;png_url&quot;:&quot;ovo-regular.png&quot;}">Ovo</option>';
				$output .= '<option class="gf pompiere" value="{&quot;family&quot;:&quot;Pompiere&quot;,&quot;name&quot;:&quot;Pompiere&quot;,&quot;import_family&quot;:&quot;Pompiere:regular&quot;,&quot;classname&quot;:&quot;pompiere&quot;,&quot;png_url&quot;:&quot;pompiere-regular.png&quot;}">Pompiere</option>';
				$output .= '<option class="gf cookie" value="{&quot;family&quot;:&quot;Cookie&quot;,&quot;name&quot;:&quot;Cookie&quot;,&quot;import_family&quot;:&quot;Cookie:regular&quot;,&quot;classname&quot;:&quot;cookie&quot;,&quot;png_url&quot;:&quot;cookie-regular.png&quot;}">Cookie</option>';
				$output .= '<option class="gf cutive" value="{&quot;family&quot;:&quot;Cutive&quot;,&quot;name&quot;:&quot;Cutive&quot;,&quot;import_family&quot;:&quot;Cutive:regular&quot;,&quot;classname&quot;:&quot;cutive&quot;,&quot;png_url&quot;:&quot;cutive-regular.png&quot;}">Cutive</option>';
				$output .= '<option class="gf slackey" value="{&quot;family&quot;:&quot;Slackey&quot;,&quot;name&quot;:&quot;Slackey&quot;,&quot;import_family&quot;:&quot;Slackey:regular&quot;,&quot;classname&quot;:&quot;slackey&quot;,&quot;png_url&quot;:&quot;slackey-regular.png&quot;}">Slackey</option>';
				$output .= '<option class="gf mako" value="{&quot;family&quot;:&quot;Mako&quot;,&quot;name&quot;:&quot;Mako&quot;,&quot;import_family&quot;:&quot;Mako:regular&quot;,&quot;classname&quot;:&quot;mako&quot;,&quot;png_url&quot;:&quot;mako-regular.png&quot;}">Mako</option>';
				$output .= '<option class="gf abrilfatface" value="{&quot;family&quot;:&quot;Abril Fatface&quot;,&quot;name&quot;:&quot;Abril Fatface&quot;,&quot;import_family&quot;:&quot;Abril+Fatface:regular&quot;,&quot;classname&quot;:&quot;abrilfatface&quot;,&quot;png_url&quot;:&quot;abrilfatface-regular.png&quot;}">Abril Fatface</option>';
				$output .= '<option class="gf alike" value="{&quot;family&quot;:&quot;Alike&quot;,&quot;name&quot;:&quot;Alike&quot;,&quot;import_family&quot;:&quot;Alike:regular&quot;,&quot;classname&quot;:&quot;alike&quot;,&quot;png_url&quot;:&quot;alike-regular.png&quot;}">Alike</option>';
				$output .= '<option class="gf lekton" value="{&quot;family&quot;:&quot;Lekton&quot;,&quot;name&quot;:&quot;Lekton&quot;,&quot;import_family&quot;:&quot;Lekton:regular,italic,700&quot;,&quot;classname&quot;:&quot;lekton&quot;,&quot;png_url&quot;:&quot;lekton-regular.png&quot;}">Lekton</option>';
				$output .= '<option class="gf averagesans" value="{&quot;family&quot;:&quot;Average Sans&quot;,&quot;name&quot;:&quot;Average Sans&quot;,&quot;import_family&quot;:&quot;Average+Sans:regular&quot;,&quot;classname&quot;:&quot;averagesans&quot;,&quot;png_url&quot;:&quot;averagesans-regular.png&quot;}">Average Sans</option>';
				$output .= '<option class="gf frederickathegreat" value="{&quot;family&quot;:&quot;Fredericka the Great&quot;,&quot;name&quot;:&quot;Fredericka the Great&quot;,&quot;import_family&quot;:&quot;Fredericka+the+Great:regular&quot;,&quot;classname&quot;:&quot;frederickathegreat&quot;,&quot;png_url&quot;:&quot;frederickathegreat-regular.png&quot;}">Fredericka the Great</option>';
				$output .= '<option class="gf fenix" value="{&quot;family&quot;:&quot;Fenix&quot;,&quot;name&quot;:&quot;Fenix&quot;,&quot;import_family&quot;:&quot;Fenix:regular&quot;,&quot;classname&quot;:&quot;fenix&quot;,&quot;png_url&quot;:&quot;fenix-regular.png&quot;}">Fenix</option>';
				$output .= '<option class="gf gruppo" value="{&quot;family&quot;:&quot;Gruppo&quot;,&quot;name&quot;:&quot;Gruppo&quot;,&quot;import_family&quot;:&quot;Gruppo:regular&quot;,&quot;classname&quot;:&quot;gruppo&quot;,&quot;png_url&quot;:&quot;gruppo-regular.png&quot;}">Gruppo</option>';
				$output .= '<option class="gf montserratalternates" value="{&quot;family&quot;:&quot;Montserrat Alternates&quot;,&quot;name&quot;:&quot;Montserrat Alternates&quot;,&quot;import_family&quot;:&quot;Montserrat+Alternates:regular,700&quot;,&quot;classname&quot;:&quot;montserratalternates&quot;,&quot;png_url&quot;:&quot;montserratalternates-regular.png&quot;}">Montserrat Alternates</option>';
				$output .= '<option class="gf englebert" value="{&quot;family&quot;:&quot;Englebert&quot;,&quot;name&quot;:&quot;Englebert&quot;,&quot;import_family&quot;:&quot;Englebert:regular&quot;,&quot;classname&quot;:&quot;englebert&quot;,&quot;png_url&quot;:&quot;englebert-regular.png&quot;}">Englebert</option>';
				$output .= '<option class="gf giveyouglory" value="{&quot;family&quot;:&quot;Give You Glory&quot;,&quot;name&quot;:&quot;Give You Glory&quot;,&quot;import_family&quot;:&quot;Give+You+Glory:regular&quot;,&quot;classname&quot;:&quot;giveyouglory&quot;,&quot;png_url&quot;:&quot;giveyouglory-regular.png&quot;}">Give You Glory</option>';
				$output .= '<option class="gf homenaje" value="{&quot;family&quot;:&quot;Homenaje&quot;,&quot;name&quot;:&quot;Homenaje&quot;,&quot;import_family&quot;:&quot;Homenaje:regular&quot;,&quot;classname&quot;:&quot;homenaje&quot;,&quot;png_url&quot;:&quot;homenaje-regular.png&quot;}">Homenaje</option>';
				$output .= '<option class="gf parisienne" value="{&quot;family&quot;:&quot;Parisienne&quot;,&quot;name&quot;:&quot;Parisienne&quot;,&quot;import_family&quot;:&quot;Parisienne:regular&quot;,&quot;classname&quot;:&quot;parisienne&quot;,&quot;png_url&quot;:&quot;parisienne-regular.png&quot;}">Parisienne</option>';
				$output .= '<option class="gf alexbrush" value="{&quot;family&quot;:&quot;Alex Brush&quot;,&quot;name&quot;:&quot;Alex Brush&quot;,&quot;import_family&quot;:&quot;Alex+Brush:regular&quot;,&quot;classname&quot;:&quot;alexbrush&quot;,&quot;png_url&quot;:&quot;alexbrush-regular.png&quot;}">Alex Brush</option>';
				$output .= '<option class="gf fugazone" value="{&quot;family&quot;:&quot;Fugaz One&quot;,&quot;name&quot;:&quot;Fugaz One&quot;,&quot;import_family&quot;:&quot;Fugaz+One:regular&quot;,&quot;classname&quot;:&quot;fugazone&quot;,&quot;png_url&quot;:&quot;fugazone-regular.png&quot;}">Fugaz One</option>';
				$output .= '<option class="gf caudex" value="{&quot;family&quot;:&quot;Caudex&quot;,&quot;name&quot;:&quot;Caudex&quot;,&quot;import_family&quot;:&quot;Caudex:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;caudex&quot;,&quot;png_url&quot;:&quot;caudex-regular.png&quot;}">Caudex</option>';
				$output .= '<option class="gf contrailone" value="{&quot;family&quot;:&quot;Contrail One&quot;,&quot;name&quot;:&quot;Contrail One&quot;,&quot;import_family&quot;:&quot;Contrail+One:regular&quot;,&quot;classname&quot;:&quot;contrailone&quot;,&quot;png_url&quot;:&quot;contrailone-regular.png&quot;}">Contrail One</option>';
				$output .= '<option class="gf kranky" value="{&quot;family&quot;:&quot;Kranky&quot;,&quot;name&quot;:&quot;Kranky&quot;,&quot;import_family&quot;:&quot;Kranky:regular&quot;,&quot;classname&quot;:&quot;kranky&quot;,&quot;png_url&quot;:&quot;kranky-regular.png&quot;}">Kranky</option>';
				$output .= '<option class="gf yellowtail" value="{&quot;family&quot;:&quot;Yellowtail&quot;,&quot;name&quot;:&quot;Yellowtail&quot;,&quot;import_family&quot;:&quot;Yellowtail:regular&quot;,&quot;classname&quot;:&quot;yellowtail&quot;,&quot;png_url&quot;:&quot;yellowtail-regular.png&quot;}">Yellowtail</option>';
				$output .= '<option class="gf brawler" value="{&quot;family&quot;:&quot;Brawler&quot;,&quot;name&quot;:&quot;Brawler&quot;,&quot;import_family&quot;:&quot;Brawler:regular&quot;,&quot;classname&quot;:&quot;brawler&quot;,&quot;png_url&quot;:&quot;brawler-regular.png&quot;}">Brawler</option>';
				$output .= '<option class="gf headlandone" value="{&quot;family&quot;:&quot;Headland One&quot;,&quot;name&quot;:&quot;Headland One&quot;,&quot;import_family&quot;:&quot;Headland+One:regular&quot;,&quot;classname&quot;:&quot;headlandone&quot;,&quot;png_url&quot;:&quot;headlandone-regular.png&quot;}">Headland One</option>';
				$output .= '<option class="gf mountainsofchristmas" value="{&quot;family&quot;:&quot;Mountains of Christmas&quot;,&quot;name&quot;:&quot;Mountains of Christmas&quot;,&quot;import_family&quot;:&quot;Mountains+of+Christmas:regular,700&quot;,&quot;classname&quot;:&quot;mountainsofchristmas&quot;,&quot;png_url&quot;:&quot;mountainsofchristmas-regular.png&quot;}">Mountains of Christmas</option>';
				$output .= '<option class="gf ultra" value="{&quot;family&quot;:&quot;Ultra&quot;,&quot;name&quot;:&quot;Ultra&quot;,&quot;import_family&quot;:&quot;Ultra:regular&quot;,&quot;classname&quot;:&quot;ultra&quot;,&quot;png_url&quot;:&quot;ultra-regular.png&quot;}">Ultra</option>';
				$output .= '<option class="gf alegreyasc" value="{&quot;family&quot;:&quot;Alegreya SC&quot;,&quot;name&quot;:&quot;Alegreya SC&quot;,&quot;import_family&quot;:&quot;Alegreya+SC:regular,italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;alegreyasc&quot;,&quot;png_url&quot;:&quot;alegreyasc-regular.png&quot;}">Alegreya SC</option>';
				$output .= '<option class="gf oleoscriptswashcaps" value="{&quot;family&quot;:&quot;Oleo Script Swash Caps&quot;,&quot;name&quot;:&quot;Oleo Script Swash Caps&quot;,&quot;import_family&quot;:&quot;Oleo+Script+Swash+Caps:regular,700&quot;,&quot;classname&quot;:&quot;oleoscriptswashcaps&quot;,&quot;png_url&quot;:&quot;oleoscriptswashcaps-regular.png&quot;}">Oleo Script Swash Caps</option>';
				$output .= '<option class="gf sunshiney" value="{&quot;family&quot;:&quot;Sunshiney&quot;,&quot;name&quot;:&quot;Sunshiney&quot;,&quot;import_family&quot;:&quot;Sunshiney:regular&quot;,&quot;classname&quot;:&quot;sunshiney&quot;,&quot;png_url&quot;:&quot;sunshiney-regular.png&quot;}">Sunshiney</option>';
				$output .= '<option class="gf cantoraone" value="{&quot;family&quot;:&quot;Cantora One&quot;,&quot;name&quot;:&quot;Cantora One&quot;,&quot;import_family&quot;:&quot;Cantora+One:regular&quot;,&quot;classname&quot;:&quot;cantoraone&quot;,&quot;png_url&quot;:&quot;cantoraone-regular.png&quot;}">Cantora One</option>';
				$output .= '<option class="gf rationale" value="{&quot;family&quot;:&quot;Rationale&quot;,&quot;name&quot;:&quot;Rationale&quot;,&quot;import_family&quot;:&quot;Rationale:regular&quot;,&quot;classname&quot;:&quot;rationale&quot;,&quot;png_url&quot;:&quot;rationale-regular.png&quot;}">Rationale</option>';
				$output .= '<option class="gf quantico" value="{&quot;family&quot;:&quot;Quantico&quot;,&quot;name&quot;:&quot;Quantico&quot;,&quot;import_family&quot;:&quot;Quantico:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;quantico&quot;,&quot;png_url&quot;:&quot;quantico-regular.png&quot;}">Quantico</option>';
				$output .= '<option class="gf portlligatslab" value="{&quot;family&quot;:&quot;Port Lligat Slab&quot;,&quot;name&quot;:&quot;Port Lligat Slab&quot;,&quot;import_family&quot;:&quot;Port+Lligat+Slab:regular&quot;,&quot;classname&quot;:&quot;portlligatslab&quot;,&quot;png_url&quot;:&quot;portlligatslab-regular.png&quot;}">Port Lligat Slab</option>';
				$output .= '<option class="gf tenorsans" value="{&quot;family&quot;:&quot;Tenor Sans&quot;,&quot;name&quot;:&quot;Tenor Sans&quot;,&quot;import_family&quot;:&quot;Tenor+Sans:regular&quot;,&quot;classname&quot;:&quot;tenorsans&quot;,&quot;png_url&quot;:&quot;tenorsans-regular.png&quot;}">Tenor Sans</option>';
				$output .= '<option class="gf carterone" value="{&quot;family&quot;:&quot;Carter One&quot;,&quot;name&quot;:&quot;Carter One&quot;,&quot;import_family&quot;:&quot;Carter+One:regular&quot;,&quot;classname&quot;:&quot;carterone&quot;,&quot;png_url&quot;:&quot;carterone-regular.png&quot;}">Carter One</option>';
				$output .= '<option class="gf codacaption" value="{&quot;family&quot;:&quot;Coda Caption&quot;,&quot;name&quot;:&quot;Coda Caption&quot;,&quot;import_family&quot;:&quot;Coda+Caption:800&quot;,&quot;classname&quot;:&quot;codacaption&quot;,&quot;png_url&quot;:&quot;codacaption-800.png&quot;}">Coda Caption</option>';
				$output .= '<option class="gf bentham" value="{&quot;family&quot;:&quot;Bentham&quot;,&quot;name&quot;:&quot;Bentham&quot;,&quot;import_family&quot;:&quot;Bentham:regular&quot;,&quot;classname&quot;:&quot;bentham&quot;,&quot;png_url&quot;:&quot;bentham-regular.png&quot;}">Bentham</option>';
				$output .= '<option class="gf cousine" value="{&quot;family&quot;:&quot;Cousine&quot;,&quot;name&quot;:&quot;Cousine&quot;,&quot;import_family&quot;:&quot;Cousine:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;cousine&quot;,&quot;png_url&quot;:&quot;cousine-regular.png&quot;}">Cousine</option>';
				$output .= '<option class="gf kavoon" value="{&quot;family&quot;:&quot;Kavoon&quot;,&quot;name&quot;:&quot;Kavoon&quot;,&quot;import_family&quot;:&quot;Kavoon:regular&quot;,&quot;classname&quot;:&quot;kavoon&quot;,&quot;png_url&quot;:&quot;kavoon-regular.png&quot;}">Kavoon</option>';
				$output .= '<option class="gf alice" value="{&quot;family&quot;:&quot;Alice&quot;,&quot;name&quot;:&quot;Alice&quot;,&quot;import_family&quot;:&quot;Alice:regular&quot;,&quot;classname&quot;:&quot;alice&quot;,&quot;png_url&quot;:&quot;alice-regular.png&quot;}">Alice</option>';
				$output .= '<option class="gf ruda" value="{&quot;family&quot;:&quot;Ruda&quot;,&quot;name&quot;:&quot;Ruda&quot;,&quot;import_family&quot;:&quot;Ruda:regular,700,900&quot;,&quot;classname&quot;:&quot;ruda&quot;,&quot;png_url&quot;:&quot;ruda-regular.png&quot;}">Ruda</option>';
				$output .= '<option class="gf shortstack" value="{&quot;family&quot;:&quot;Short Stack&quot;,&quot;name&quot;:&quot;Short Stack&quot;,&quot;import_family&quot;:&quot;Short+Stack:regular&quot;,&quot;classname&quot;:&quot;shortstack&quot;,&quot;png_url&quot;:&quot;shortstack-regular.png&quot;}">Short Stack</option>';
				$output .= '<option class="gf wireone" value="{&quot;family&quot;:&quot;Wire One&quot;,&quot;name&quot;:&quot;Wire One&quot;,&quot;import_family&quot;:&quot;Wire+One:regular&quot;,&quot;classname&quot;:&quot;wireone&quot;,&quot;png_url&quot;:&quot;wireone-regular.png&quot;}">Wire One</option>';
				$output .= '<option class="gf salsa" value="{&quot;family&quot;:&quot;Salsa&quot;,&quot;name&quot;:&quot;Salsa&quot;,&quot;import_family&quot;:&quot;Salsa:regular&quot;,&quot;classname&quot;:&quot;salsa&quot;,&quot;png_url&quot;:&quot;salsa-regular.png&quot;}">Salsa</option>';
				$output .= '<option class="gf sofia" value="{&quot;family&quot;:&quot;Sofia&quot;,&quot;name&quot;:&quot;Sofia&quot;,&quot;import_family&quot;:&quot;Sofia:regular&quot;,&quot;classname&quot;:&quot;sofia&quot;,&quot;png_url&quot;:&quot;sofia-regular.png&quot;}">Sofia</option>';
				$output .= '<option class="gf poly" value="{&quot;family&quot;:&quot;Poly&quot;,&quot;name&quot;:&quot;Poly&quot;,&quot;import_family&quot;:&quot;Poly:regular,italic&quot;,&quot;classname&quot;:&quot;poly&quot;,&quot;png_url&quot;:&quot;poly-regular.png&quot;}">Poly</option>';
				$output .= '<option class="gf wendyone" value="{&quot;family&quot;:&quot;Wendy One&quot;,&quot;name&quot;:&quot;Wendy One&quot;,&quot;import_family&quot;:&quot;Wendy+One:regular&quot;,&quot;classname&quot;:&quot;wendyone&quot;,&quot;png_url&quot;:&quot;wendyone-regular.png&quot;}">Wendy One</option>';
				$output .= '<option class="gf merienda" value="{&quot;family&quot;:&quot;Merienda&quot;,&quot;name&quot;:&quot;Merienda&quot;,&quot;import_family&quot;:&quot;Merienda:regular,700&quot;,&quot;classname&quot;:&quot;merienda&quot;,&quot;png_url&quot;:&quot;merienda-regular.png&quot;}">Merienda</option>';
				$output .= '<option class="gf adamina" value="{&quot;family&quot;:&quot;Adamina&quot;,&quot;name&quot;:&quot;Adamina&quot;,&quot;import_family&quot;:&quot;Adamina:regular&quot;,&quot;classname&quot;:&quot;adamina&quot;,&quot;png_url&quot;:&quot;adamina-regular.png&quot;}">Adamina</option>';
				$output .= '<option class="gf spinnaker" value="{&quot;family&quot;:&quot;Spinnaker&quot;,&quot;name&quot;:&quot;Spinnaker&quot;,&quot;import_family&quot;:&quot;Spinnaker:regular&quot;,&quot;classname&quot;:&quot;spinnaker&quot;,&quot;png_url&quot;:&quot;spinnaker-regular.png&quot;}">Spinnaker</option>';
				$output .= '<option class="gf delius" value="{&quot;family&quot;:&quot;Delius&quot;,&quot;name&quot;:&quot;Delius&quot;,&quot;import_family&quot;:&quot;Delius:regular&quot;,&quot;classname&quot;:&quot;delius&quot;,&quot;png_url&quot;:&quot;delius-regular.png&quot;}">Delius</option>';
				$output .= '<option class="gf metamorphous" value="{&quot;family&quot;:&quot;Metamorphous&quot;,&quot;name&quot;:&quot;Metamorphous&quot;,&quot;import_family&quot;:&quot;Metamorphous:regular&quot;,&quot;classname&quot;:&quot;metamorphous&quot;,&quot;png_url&quot;:&quot;metamorphous-regular.png&quot;}">Metamorphous</option>';
				$output .= '<option class="gf lemon" value="{&quot;family&quot;:&quot;Lemon&quot;,&quot;name&quot;:&quot;Lemon&quot;,&quot;import_family&quot;:&quot;Lemon:regular&quot;,&quot;classname&quot;:&quot;lemon&quot;,&quot;png_url&quot;:&quot;lemon-regular.png&quot;}">Lemon</option>';
				$output .= '<option class="gf faunaone" value="{&quot;family&quot;:&quot;Fauna One&quot;,&quot;name&quot;:&quot;Fauna One&quot;,&quot;import_family&quot;:&quot;Fauna+One:regular&quot;,&quot;classname&quot;:&quot;faunaone&quot;,&quot;png_url&quot;:&quot;faunaone-regular.png&quot;}">Fauna One</option>';
				$output .= '<option class="gf belleza" value="{&quot;family&quot;:&quot;Belleza&quot;,&quot;name&quot;:&quot;Belleza&quot;,&quot;import_family&quot;:&quot;Belleza:regular&quot;,&quot;classname&quot;:&quot;belleza&quot;,&quot;png_url&quot;:&quot;belleza-regular.png&quot;}">Belleza</option>';
				$output .= '<option class="gf buenard" value="{&quot;family&quot;:&quot;Buenard&quot;,&quot;name&quot;:&quot;Buenard&quot;,&quot;import_family&quot;:&quot;Buenard:regular,700&quot;,&quot;classname&quot;:&quot;buenard&quot;,&quot;png_url&quot;:&quot;buenard-regular.png&quot;}">Buenard</option>';
				$output .= '<option class="gf tauri" value="{&quot;family&quot;:&quot;Tauri&quot;,&quot;name&quot;:&quot;Tauri&quot;,&quot;import_family&quot;:&quot;Tauri:regular&quot;,&quot;classname&quot;:&quot;tauri&quot;,&quot;png_url&quot;:&quot;tauri-regular.png&quot;}">Tauri</option>';
				$output .= '<option class="gf labelleaurore" value="{&quot;family&quot;:&quot;La Belle Aurore&quot;,&quot;name&quot;:&quot;La Belle Aurore&quot;,&quot;import_family&quot;:&quot;La+Belle+Aurore:regular&quot;,&quot;classname&quot;:&quot;labelleaurore&quot;,&quot;png_url&quot;:&quot;labelleaurore-regular.png&quot;}">La Belle Aurore</option>';
				$output .= '<option class="gf imfelldwpica" value="{&quot;family&quot;:&quot;IM Fell DW Pica&quot;,&quot;name&quot;:&quot;IM Fell DW Pica&quot;,&quot;import_family&quot;:&quot;IM+Fell+DW+Pica:regular,italic&quot;,&quot;classname&quot;:&quot;imfelldwpica&quot;,&quot;png_url&quot;:&quot;imfelldwpica-regular.png&quot;}">IM Fell DW Pica</option>';
				$output .= '<option class="gf sacramento" value="{&quot;family&quot;:&quot;Sacramento&quot;,&quot;name&quot;:&quot;Sacramento&quot;,&quot;import_family&quot;:&quot;Sacramento:regular&quot;,&quot;classname&quot;:&quot;sacramento&quot;,&quot;png_url&quot;:&quot;sacramento-regular.png&quot;}">Sacramento</option>';
				$output .= '<option class="gf mousememoirs" value="{&quot;family&quot;:&quot;Mouse Memoirs&quot;,&quot;name&quot;:&quot;Mouse Memoirs&quot;,&quot;import_family&quot;:&quot;Mouse+Memoirs:regular&quot;,&quot;classname&quot;:&quot;mousememoirs&quot;,&quot;png_url&quot;:&quot;mousememoirs-regular.png&quot;}">Mouse Memoirs</option>';
				$output .= '<option class="gf anaheim" value="{&quot;family&quot;:&quot;Anaheim&quot;,&quot;name&quot;:&quot;Anaheim&quot;,&quot;import_family&quot;:&quot;Anaheim:regular&quot;,&quot;classname&quot;:&quot;anaheim&quot;,&quot;png_url&quot;:&quot;anaheim-regular.png&quot;}">Anaheim</option>';
				$output .= '<option class="gf cedarvillecursive" value="{&quot;family&quot;:&quot;Cedarville Cursive&quot;,&quot;name&quot;:&quot;Cedarville Cursive&quot;,&quot;import_family&quot;:&quot;Cedarville+Cursive:regular&quot;,&quot;classname&quot;:&quot;cedarvillecursive&quot;,&quot;png_url&quot;:&quot;cedarvillecursive-regular.png&quot;}">Cedarville Cursive</option>';
				$output .= '<option class="gf sueellenfrancisco" value="{&quot;family&quot;:&quot;Sue Ellen Francisco&quot;,&quot;name&quot;:&quot;Sue Ellen Francisco&quot;,&quot;import_family&quot;:&quot;Sue+Ellen+Francisco:regular&quot;,&quot;classname&quot;:&quot;sueellenfrancisco&quot;,&quot;png_url&quot;:&quot;sueellenfrancisco-regular.png&quot;}">Sue Ellen Francisco</option>';
				$output .= '<option class="gf podkova" value="{&quot;family&quot;:&quot;Podkova&quot;,&quot;name&quot;:&quot;Podkova&quot;,&quot;import_family&quot;:&quot;Podkova:regular,700&quot;,&quot;classname&quot;:&quot;podkova&quot;,&quot;png_url&quot;:&quot;podkova-regular.png&quot;}">Podkova</option>';
				$output .= '<option class="gf chauphilomeneone" value="{&quot;family&quot;:&quot;Chau Philomene One&quot;,&quot;name&quot;:&quot;Chau Philomene One&quot;,&quot;import_family&quot;:&quot;Chau+Philomene+One:regular,italic&quot;,&quot;classname&quot;:&quot;chauphilomeneone&quot;,&quot;png_url&quot;:&quot;chauphilomeneone-regular.png&quot;}">Chau Philomene One</option>';
				$output .= '<option class="gf unifrakturmaguntia" value="{&quot;family&quot;:&quot;UnifrakturMaguntia&quot;,&quot;name&quot;:&quot;UnifrakturMaguntia&quot;,&quot;import_family&quot;:&quot;UnifrakturMaguntia:regular&quot;,&quot;classname&quot;:&quot;unifrakturmaguntia&quot;,&quot;png_url&quot;:&quot;unifrakturmaguntia-regular.png&quot;}">UnifrakturMaguntia</option>';
				$output .= '<option class="gf audiowide" value="{&quot;family&quot;:&quot;Audiowide&quot;,&quot;name&quot;:&quot;Audiowide&quot;,&quot;import_family&quot;:&quot;Audiowide:regular&quot;,&quot;classname&quot;:&quot;audiowide&quot;,&quot;png_url&quot;:&quot;audiowide-regular.png&quot;}">Audiowide</option>';
				$output .= '<option class="gf novaround" value="{&quot;family&quot;:&quot;Nova Round&quot;,&quot;name&quot;:&quot;Nova Round&quot;,&quot;import_family&quot;:&quot;Nova+Round:regular&quot;,&quot;classname&quot;:&quot;novaround&quot;,&quot;png_url&quot;:&quot;novaround-regular.png&quot;}">Nova Round</option>';
				$output .= '<option class="gf lilitaone" value="{&quot;family&quot;:&quot;Lilita One&quot;,&quot;name&quot;:&quot;Lilita One&quot;,&quot;import_family&quot;:&quot;Lilita+One:regular&quot;,&quot;classname&quot;:&quot;lilitaone&quot;,&quot;png_url&quot;:&quot;lilitaone-regular.png&quot;}">Lilita One</option>';
				$output .= '<option class="gf acme" value="{&quot;family&quot;:&quot;Acme&quot;,&quot;name&quot;:&quot;Acme&quot;,&quot;import_family&quot;:&quot;Acme:regular&quot;,&quot;classname&quot;:&quot;acme&quot;,&quot;png_url&quot;:&quot;acme-regular.png&quot;}">Acme</option>';
				$output .= '<option class="gf deliusswashcaps" value="{&quot;family&quot;:&quot;Delius Swash Caps&quot;,&quot;name&quot;:&quot;Delius Swash Caps&quot;,&quot;import_family&quot;:&quot;Delius+Swash+Caps:regular&quot;,&quot;classname&quot;:&quot;deliusswashcaps&quot;,&quot;png_url&quot;:&quot;deliusswashcaps-regular.png&quot;}">Delius Swash Caps</option>';
				$output .= '<option class="gf grandhotel" value="{&quot;family&quot;:&quot;Grand Hotel&quot;,&quot;name&quot;:&quot;Grand Hotel&quot;,&quot;import_family&quot;:&quot;Grand+Hotel:regular&quot;,&quot;classname&quot;:&quot;grandhotel&quot;,&quot;png_url&quot;:&quot;grandhotel-regular.png&quot;}">Grand Hotel</option>';
				$output .= '<option class="gf strait" value="{&quot;family&quot;:&quot;Strait&quot;,&quot;name&quot;:&quot;Strait&quot;,&quot;import_family&quot;:&quot;Strait:regular&quot;,&quot;classname&quot;:&quot;strait&quot;,&quot;png_url&quot;:&quot;strait-regular.png&quot;}">Strait</option>';
				$output .= '<option class="gf annieuseyourtelescope" value="{&quot;family&quot;:&quot;Annie Use Your Telescope&quot;,&quot;name&quot;:&quot;Annie Use Your Telescope&quot;,&quot;import_family&quot;:&quot;Annie+Use+Your+Telescope:regular&quot;,&quot;classname&quot;:&quot;annieuseyourtelescope&quot;,&quot;png_url&quot;:&quot;annieuseyourtelescope-regular.png&quot;}">Annie Use Your Telescope</option>';
				$output .= '<option class="gf snippet" value="{&quot;family&quot;:&quot;Snippet&quot;,&quot;name&quot;:&quot;Snippet&quot;,&quot;import_family&quot;:&quot;Snippet:regular&quot;,&quot;classname&quot;:&quot;snippet&quot;,&quot;png_url&quot;:&quot;snippet-regular.png&quot;}">Snippet</option>';
				$output .= '<option class="gf corben" value="{&quot;family&quot;:&quot;Corben&quot;,&quot;name&quot;:&quot;Corben&quot;,&quot;import_family&quot;:&quot;Corben:regular,700&quot;,&quot;classname&quot;:&quot;corben&quot;,&quot;png_url&quot;:&quot;corben-regular.png&quot;}">Corben</option>';
				$output .= '<option class="gf forum" value="{&quot;family&quot;:&quot;Forum&quot;,&quot;name&quot;:&quot;Forum&quot;,&quot;import_family&quot;:&quot;Forum:regular&quot;,&quot;classname&quot;:&quot;forum&quot;,&quot;png_url&quot;:&quot;forum-regular.png&quot;}">Forum</option>';
				$output .= '<option class="gf federo" value="{&quot;family&quot;:&quot;Federo&quot;,&quot;name&quot;:&quot;Federo&quot;,&quot;import_family&quot;:&quot;Federo:regular&quot;,&quot;classname&quot;:&quot;federo&quot;,&quot;png_url&quot;:&quot;federo-regular.png&quot;}">Federo</option>';
				$output .= '<option class="gf geo" value="{&quot;family&quot;:&quot;Geo&quot;,&quot;name&quot;:&quot;Geo&quot;,&quot;import_family&quot;:&quot;Geo:regular,italic&quot;,&quot;classname&quot;:&quot;geo&quot;,&quot;png_url&quot;:&quot;geo-regular.png&quot;}">Geo</option>';
				$output .= '<option class="gf marcellussc" value="{&quot;family&quot;:&quot;Marcellus SC&quot;,&quot;name&quot;:&quot;Marcellus SC&quot;,&quot;import_family&quot;:&quot;Marcellus+SC:regular&quot;,&quot;classname&quot;:&quot;marcellussc&quot;,&quot;png_url&quot;:&quot;marcellussc-regular.png&quot;}">Marcellus SC</option>';
				$output .= '<option class="gf basic" value="{&quot;family&quot;:&quot;Basic&quot;,&quot;name&quot;:&quot;Basic&quot;,&quot;import_family&quot;:&quot;Basic:regular&quot;,&quot;classname&quot;:&quot;basic&quot;,&quot;png_url&quot;:&quot;basic-regular.png&quot;}">Basic</option>';
				$output .= '<option class="gf montez" value="{&quot;family&quot;:&quot;Montez&quot;,&quot;name&quot;:&quot;Montez&quot;,&quot;import_family&quot;:&quot;Montez:regular&quot;,&quot;classname&quot;:&quot;montez&quot;,&quot;png_url&quot;:&quot;montez-regular.png&quot;}">Montez</option>';
				$output .= '<option class="gf aclonica" value="{&quot;family&quot;:&quot;Aclonica&quot;,&quot;name&quot;:&quot;Aclonica&quot;,&quot;import_family&quot;:&quot;Aclonica:regular&quot;,&quot;classname&quot;:&quot;aclonica&quot;,&quot;png_url&quot;:&quot;aclonica-regular.png&quot;}">Aclonica</option>';
				$output .= '<option class="gf bowlbyonesc" value="{&quot;family&quot;:&quot;Bowlby One SC&quot;,&quot;name&quot;:&quot;Bowlby One SC&quot;,&quot;import_family&quot;:&quot;Bowlby+One+SC:regular&quot;,&quot;classname&quot;:&quot;bowlbyonesc&quot;,&quot;png_url&quot;:&quot;bowlbyonesc-regular.png&quot;}">Bowlby One SC</option>';
				$output .= '<option class="gf maidenorange" value="{&quot;family&quot;:&quot;Maiden Orange&quot;,&quot;name&quot;:&quot;Maiden Orange&quot;,&quot;import_family&quot;:&quot;Maiden+Orange:regular&quot;,&quot;classname&quot;:&quot;maidenorange&quot;,&quot;png_url&quot;:&quot;maidenorange-regular.png&quot;}">Maiden Orange</option>';
				$output .= '<option class="gf stardosstencil" value="{&quot;family&quot;:&quot;Stardos Stencil&quot;,&quot;name&quot;:&quot;Stardos Stencil&quot;,&quot;import_family&quot;:&quot;Stardos+Stencil:regular,700&quot;,&quot;classname&quot;:&quot;stardosstencil&quot;,&quot;png_url&quot;:&quot;stardosstencil-regular.png&quot;}">Stardos Stencil</option>';
				$output .= '<option class="gf tulpenone" value="{&quot;family&quot;:&quot;Tulpen One&quot;,&quot;name&quot;:&quot;Tulpen One&quot;,&quot;import_family&quot;:&quot;Tulpen+One:regular&quot;,&quot;classname&quot;:&quot;tulpenone&quot;,&quot;png_url&quot;:&quot;tulpenone-regular.png&quot;}">Tulpen One</option>';
				$output .= '<option class="gf quando" value="{&quot;family&quot;:&quot;Quando&quot;,&quot;name&quot;:&quot;Quando&quot;,&quot;import_family&quot;:&quot;Quando:regular&quot;,&quot;classname&quot;:&quot;quando&quot;,&quot;png_url&quot;:&quot;quando-regular.png&quot;}">Quando</option>';
				$output .= '<option class="gf andada" value="{&quot;family&quot;:&quot;Andada&quot;,&quot;name&quot;:&quot;Andada&quot;,&quot;import_family&quot;:&quot;Andada:regular&quot;,&quot;classname&quot;:&quot;andada&quot;,&quot;png_url&quot;:&quot;andada-regular.png&quot;}">Andada</option>';
				$output .= '<option class="gf tienne" value="{&quot;family&quot;:&quot;Tienne&quot;,&quot;name&quot;:&quot;Tienne&quot;,&quot;import_family&quot;:&quot;Tienne:regular,700,900&quot;,&quot;classname&quot;:&quot;tienne&quot;,&quot;png_url&quot;:&quot;tienne-regular.png&quot;}">Tienne</option>';
				$output .= '<option class="gf yesteryear" value="{&quot;family&quot;:&quot;Yesteryear&quot;,&quot;name&quot;:&quot;Yesteryear&quot;,&quot;import_family&quot;:&quot;Yesteryear:regular&quot;,&quot;classname&quot;:&quot;yesteryear&quot;,&quot;png_url&quot;:&quot;yesteryear-regular.png&quot;}">Yesteryear</option>';
				$output .= '<option class="gf allura" value="{&quot;family&quot;:&quot;Allura&quot;,&quot;name&quot;:&quot;Allura&quot;,&quot;import_family&quot;:&quot;Allura:regular&quot;,&quot;classname&quot;:&quot;allura&quot;,&quot;png_url&quot;:&quot;allura-regular.png&quot;}">Allura</option>';
				$output .= '<option class="gf antic" value="{&quot;family&quot;:&quot;Antic&quot;,&quot;name&quot;:&quot;Antic&quot;,&quot;import_family&quot;:&quot;Antic:regular&quot;,&quot;classname&quot;:&quot;antic&quot;,&quot;png_url&quot;:&quot;antic-regular.png&quot;}">Antic</option>';
				$output .= '<option class="gf dawningofanewday" value="{&quot;family&quot;:&quot;Dawning of a New Day&quot;,&quot;name&quot;:&quot;Dawning of a New Day&quot;,&quot;import_family&quot;:&quot;Dawning+of+a+New+Day:regular&quot;,&quot;classname&quot;:&quot;dawningofanewday&quot;,&quot;png_url&quot;:&quot;dawningofanewday-regular.png&quot;}">Dawning of a New Day</option>';
				$output .= '<option class="gf playfairdisplaysc" value="{&quot;family&quot;:&quot;Playfair Display SC&quot;,&quot;name&quot;:&quot;Playfair Display SC&quot;,&quot;import_family&quot;:&quot;Playfair+Display+SC:regular,italic,700,700italic,900,900italic&quot;,&quot;classname&quot;:&quot;playfairdisplaysc&quot;,&quot;png_url&quot;:&quot;playfairdisplaysc-regular.png&quot;}">Playfair Display SC</option>';
				$output .= '<option class="gf expletussans" value="{&quot;family&quot;:&quot;Expletus Sans&quot;,&quot;name&quot;:&quot;Expletus Sans&quot;,&quot;import_family&quot;:&quot;Expletus+Sans:regular,italic,500,500italic,600,600italic,700,700italic&quot;,&quot;classname&quot;:&quot;expletussans&quot;,&quot;png_url&quot;:&quot;expletussans-regular.png&quot;}">Expletus Sans</option>';
				$output .= '<option class="gf lustria" value="{&quot;family&quot;:&quot;Lustria&quot;,&quot;name&quot;:&quot;Lustria&quot;,&quot;import_family&quot;:&quot;Lustria:regular&quot;,&quot;classname&quot;:&quot;lustria&quot;,&quot;png_url&quot;:&quot;lustria-regular.png&quot;}">Lustria</option>';
				$output .= '<option class="gf numans" value="{&quot;family&quot;:&quot;Numans&quot;,&quot;name&quot;:&quot;Numans&quot;,&quot;import_family&quot;:&quot;Numans:regular&quot;,&quot;classname&quot;:&quot;numans&quot;,&quot;png_url&quot;:&quot;numans-regular.png&quot;}">Numans</option>';
				$output .= '<option class="gf redressed" value="{&quot;family&quot;:&quot;Redressed&quot;,&quot;name&quot;:&quot;Redressed&quot;,&quot;import_family&quot;:&quot;Redressed:regular&quot;,&quot;classname&quot;:&quot;redressed&quot;,&quot;png_url&quot;:&quot;redressed-regular.png&quot;}">Redressed</option>';
				$output .= '<option class="gf overtherainbow" value="{&quot;family&quot;:&quot;Over the Rainbow&quot;,&quot;name&quot;:&quot;Over the Rainbow&quot;,&quot;import_family&quot;:&quot;Over+the+Rainbow:regular&quot;,&quot;classname&quot;:&quot;overtherainbow&quot;,&quot;png_url&quot;:&quot;overtherainbow-regular.png&quot;}">Over the Rainbow</option>';
				$output .= '<option class="gf baumans" value="{&quot;family&quot;:&quot;Baumans&quot;,&quot;name&quot;:&quot;Baumans&quot;,&quot;import_family&quot;:&quot;Baumans:regular&quot;,&quot;classname&quot;:&quot;baumans&quot;,&quot;png_url&quot;:&quot;baumans-regular.png&quot;}">Baumans</option>';
				$output .= '<option class="gf kellyslab" value="{&quot;family&quot;:&quot;Kelly Slab&quot;,&quot;name&quot;:&quot;Kelly Slab&quot;,&quot;import_family&quot;:&quot;Kelly+Slab:regular&quot;,&quot;classname&quot;:&quot;kellyslab&quot;,&quot;png_url&quot;:&quot;kellyslab-regular.png&quot;}">Kelly Slab</option>';
				$output .= '<option class="gf norican" value="{&quot;family&quot;:&quot;Norican&quot;,&quot;name&quot;:&quot;Norican&quot;,&quot;import_family&quot;:&quot;Norican:regular&quot;,&quot;classname&quot;:&quot;norican&quot;,&quot;png_url&quot;:&quot;norican-regular.png&quot;}">Norican</option>';
				$output .= '<option class="gf iceland" value="{&quot;family&quot;:&quot;Iceland&quot;,&quot;name&quot;:&quot;Iceland&quot;,&quot;import_family&quot;:&quot;Iceland:regular&quot;,&quot;classname&quot;:&quot;iceland&quot;,&quot;png_url&quot;:&quot;iceland-regular.png&quot;}">Iceland</option>';
				$output .= '<option class="gf skranji" value="{&quot;family&quot;:&quot;Skranji&quot;,&quot;name&quot;:&quot;Skranji&quot;,&quot;import_family&quot;:&quot;Skranji:regular,700&quot;,&quot;classname&quot;:&quot;skranji&quot;,&quot;png_url&quot;:&quot;skranji-regular.png&quot;}">Skranji</option>';
				$output .= '<option class="gf niconne" value="{&quot;family&quot;:&quot;Niconne&quot;,&quot;name&quot;:&quot;Niconne&quot;,&quot;import_family&quot;:&quot;Niconne:regular&quot;,&quot;classname&quot;:&quot;niconne&quot;,&quot;png_url&quot;:&quot;niconne-regular.png&quot;}">Niconne</option>';
				$output .= '<option class="gf cinzeldecorative" value="{&quot;family&quot;:&quot;Cinzel Decorative&quot;,&quot;name&quot;:&quot;Cinzel Decorative&quot;,&quot;import_family&quot;:&quot;Cinzel+Decorative:regular,700,900&quot;,&quot;classname&quot;:&quot;cinzeldecorative&quot;,&quot;png_url&quot;:&quot;cinzeldecorative-regular.png&quot;}">Cinzel Decorative</option>';
				$output .= '<option class="gf vibur" value="{&quot;family&quot;:&quot;Vibur&quot;,&quot;name&quot;:&quot;Vibur&quot;,&quot;import_family&quot;:&quot;Vibur:regular&quot;,&quot;classname&quot;:&quot;vibur&quot;,&quot;png_url&quot;:&quot;vibur-regular.png&quot;}">Vibur</option>';
				$output .= '<option class="gf cherryswash" value="{&quot;family&quot;:&quot;Cherry Swash&quot;,&quot;name&quot;:&quot;Cherry Swash&quot;,&quot;import_family&quot;:&quot;Cherry+Swash:regular,700&quot;,&quot;classname&quot;:&quot;cherryswash&quot;,&quot;png_url&quot;:&quot;cherryswash-regular.png&quot;}">Cherry Swash</option>';
				$output .= '<option class="gf deliusunicase" value="{&quot;family&quot;:&quot;Delius Unicase&quot;,&quot;name&quot;:&quot;Delius Unicase&quot;,&quot;import_family&quot;:&quot;Delius+Unicase:regular,700&quot;,&quot;classname&quot;:&quot;deliusunicase&quot;,&quot;png_url&quot;:&quot;deliusunicase-regular.png&quot;}">Delius Unicase</option>';
				$output .= '<option class="gf dorsa" value="{&quot;family&quot;:&quot;Dorsa&quot;,&quot;name&quot;:&quot;Dorsa&quot;,&quot;import_family&quot;:&quot;Dorsa:regular&quot;,&quot;classname&quot;:&quot;dorsa&quot;,&quot;png_url&quot;:&quot;dorsa-regular.png&quot;}">Dorsa</option>';
				$output .= '<option class="gf clickerscript" value="{&quot;family&quot;:&quot;Clicker Script&quot;,&quot;name&quot;:&quot;Clicker Script&quot;,&quot;import_family&quot;:&quot;Clicker+Script:regular&quot;,&quot;classname&quot;:&quot;clickerscript&quot;,&quot;png_url&quot;:&quot;clickerscript-regular.png&quot;}">Clicker Script</option>';
				$output .= '<option class="gf novasquare" value="{&quot;family&quot;:&quot;Nova Square&quot;,&quot;name&quot;:&quot;Nova Square&quot;,&quot;import_family&quot;:&quot;Nova+Square:regular&quot;,&quot;classname&quot;:&quot;novasquare&quot;,&quot;png_url&quot;:&quot;novasquare-regular.png&quot;}">Nova Square</option>';
				$output .= '<option class="gf oranienbaum" value="{&quot;family&quot;:&quot;Oranienbaum&quot;,&quot;name&quot;:&quot;Oranienbaum&quot;,&quot;import_family&quot;:&quot;Oranienbaum:regular&quot;,&quot;classname&quot;:&quot;oranienbaum&quot;,&quot;png_url&quot;:&quot;oranienbaum-regular.png&quot;}">Oranienbaum</option>';
				$output .= '<option class="gf quintessential" value="{&quot;family&quot;:&quot;Quintessential&quot;,&quot;name&quot;:&quot;Quintessential&quot;,&quot;import_family&quot;:&quot;Quintessential:regular&quot;,&quot;classname&quot;:&quot;quintessential&quot;,&quot;png_url&quot;:&quot;quintessential-regular.png&quot;}">Quintessential</option>';
				$output .= '<option class="gf simonetta" value="{&quot;family&quot;:&quot;Simonetta&quot;,&quot;name&quot;:&quot;Simonetta&quot;,&quot;import_family&quot;:&quot;Simonetta:regular,italic,900,900italic&quot;,&quot;classname&quot;:&quot;simonetta&quot;,&quot;png_url&quot;:&quot;simonetta-regular.png&quot;}">Simonetta</option>';
				$output .= '<option class="gf kronaone" value="{&quot;family&quot;:&quot;Krona One&quot;,&quot;name&quot;:&quot;Krona One&quot;,&quot;import_family&quot;:&quot;Krona+One:regular&quot;,&quot;classname&quot;:&quot;kronaone&quot;,&quot;png_url&quot;:&quot;kronaone-regular.png&quot;}">Krona One</option>';
				$output .= '<option class="gf denkone" value="{&quot;family&quot;:&quot;Denk One&quot;,&quot;name&quot;:&quot;Denk One&quot;,&quot;import_family&quot;:&quot;Denk+One:regular&quot;,&quot;classname&quot;:&quot;denkone&quot;,&quot;png_url&quot;:&quot;denkone-regular.png&quot;}">Denk One</option>';
				$output .= '<option class="gf megrim" value="{&quot;family&quot;:&quot;Megrim&quot;,&quot;name&quot;:&quot;Megrim&quot;,&quot;import_family&quot;:&quot;Megrim:regular&quot;,&quot;classname&quot;:&quot;megrim&quot;,&quot;png_url&quot;:&quot;megrim-regular.png&quot;}">Megrim</option>';
				$output .= '<option class="gf junge" value="{&quot;family&quot;:&quot;Junge&quot;,&quot;name&quot;:&quot;Junge&quot;,&quot;import_family&quot;:&quot;Junge:regular&quot;,&quot;classname&quot;:&quot;junge&quot;,&quot;png_url&quot;:&quot;junge-regular.png&quot;}">Junge</option>';
				$output .= '<option class="gf imfellenglishsc" value="{&quot;family&quot;:&quot;IM Fell English SC&quot;,&quot;name&quot;:&quot;IM Fell English SC&quot;,&quot;import_family&quot;:&quot;IM+Fell+English+SC:regular&quot;,&quot;classname&quot;:&quot;imfellenglishsc&quot;,&quot;png_url&quot;:&quot;imfellenglishsc-regular.png&quot;}">IM Fell English SC</option>';
				$output .= '<option class="gf ptmono" value="{&quot;family&quot;:&quot;PT Mono&quot;,&quot;name&quot;:&quot;PT Mono&quot;,&quot;import_family&quot;:&quot;PT+Mono:regular&quot;,&quot;classname&quot;:&quot;ptmono&quot;,&quot;png_url&quot;:&quot;ptmono-regular.png&quot;}">PT Mono</option>';
				$output .= '<option class="gf prostoone" value="{&quot;family&quot;:&quot;Prosto One&quot;,&quot;name&quot;:&quot;Prosto One&quot;,&quot;import_family&quot;:&quot;Prosto+One:regular&quot;,&quot;classname&quot;:&quot;prostoone&quot;,&quot;png_url&quot;:&quot;prostoone-regular.png&quot;}">Prosto One</option>';
				$output .= '<option class="gf imfelldwpicasc" value="{&quot;family&quot;:&quot;IM Fell DW Pica SC&quot;,&quot;name&quot;:&quot;IM Fell DW Pica SC&quot;,&quot;import_family&quot;:&quot;IM+Fell+DW+Pica+SC:regular&quot;,&quot;classname&quot;:&quot;imfelldwpicasc&quot;,&quot;png_url&quot;:&quot;imfelldwpicasc-regular.png&quot;}">IM Fell DW Pica SC</option>';
				$output .= '<option class="gf capriola" value="{&quot;family&quot;:&quot;Capriola&quot;,&quot;name&quot;:&quot;Capriola&quot;,&quot;import_family&quot;:&quot;Capriola:regular&quot;,&quot;classname&quot;:&quot;capriola&quot;,&quot;png_url&quot;:&quot;capriola-regular.png&quot;}">Capriola</option>';
				$output .= '<option class="gf mrdafoe" value="{&quot;family&quot;:&quot;Mr Dafoe&quot;,&quot;name&quot;:&quot;Mr Dafoe&quot;,&quot;import_family&quot;:&quot;Mr+Dafoe:regular&quot;,&quot;classname&quot;:&quot;mrdafoe&quot;,&quot;png_url&quot;:&quot;mrdafoe-regular.png&quot;}">Mr Dafoe</option>';
				$output .= '<option class="gf sigmarone" value="{&quot;family&quot;:&quot;Sigmar One&quot;,&quot;name&quot;:&quot;Sigmar One&quot;,&quot;import_family&quot;:&quot;Sigmar+One:regular&quot;,&quot;classname&quot;:&quot;sigmarone&quot;,&quot;png_url&quot;:&quot;sigmarone-regular.png&quot;}">Sigmar One</option>';
				$output .= '<option class="gf imprima" value="{&quot;family&quot;:&quot;Imprima&quot;,&quot;name&quot;:&quot;Imprima&quot;,&quot;import_family&quot;:&quot;Imprima:regular&quot;,&quot;classname&quot;:&quot;imprima&quot;,&quot;png_url&quot;:&quot;imprima-regular.png&quot;}">Imprima</option>';
				$output .= '<option class="gf novamono" value="{&quot;family&quot;:&quot;Nova Mono&quot;,&quot;name&quot;:&quot;Nova Mono&quot;,&quot;import_family&quot;:&quot;Nova+Mono:regular&quot;,&quot;classname&quot;:&quot;novamono&quot;,&quot;png_url&quot;:&quot;novamono-regular.png&quot;}">Nova Mono</option>';
				$output .= '<option class="gf buda" value="{&quot;family&quot;:&quot;Buda&quot;,&quot;name&quot;:&quot;Buda&quot;,&quot;import_family&quot;:&quot;Buda:300&quot;,&quot;classname&quot;:&quot;buda&quot;,&quot;png_url&quot;:&quot;buda-300.png&quot;}">Buda</option>';
				$output .= '<option class="gf chelseamarket" value="{&quot;family&quot;:&quot;Chelsea Market&quot;,&quot;name&quot;:&quot;Chelsea Market&quot;,&quot;import_family&quot;:&quot;Chelsea+Market:regular&quot;,&quot;classname&quot;:&quot;chelseamarket&quot;,&quot;png_url&quot;:&quot;chelseamarket-regular.png&quot;}">Chelsea Market</option>';
				$output .= '<option class="gf codystar" value="{&quot;family&quot;:&quot;Codystar&quot;,&quot;name&quot;:&quot;Codystar&quot;,&quot;import_family&quot;:&quot;Codystar:300,regular&quot;,&quot;classname&quot;:&quot;codystar&quot;,&quot;png_url&quot;:&quot;codystar-regular.png&quot;}">Codystar</option>';
				$output .= '<option class="gf londrinasolid" value="{&quot;family&quot;:&quot;Londrina Solid&quot;,&quot;name&quot;:&quot;Londrina Solid&quot;,&quot;import_family&quot;:&quot;Londrina+Solid:regular&quot;,&quot;classname&quot;:&quot;londrinasolid&quot;,&quot;png_url&quot;:&quot;londrinasolid-regular.png&quot;}">Londrina Solid</option>';
				$output .= '<option class="gf italianno" value="{&quot;family&quot;:&quot;Italianno&quot;,&quot;name&quot;:&quot;Italianno&quot;,&quot;import_family&quot;:&quot;Italianno:regular&quot;,&quot;classname&quot;:&quot;italianno&quot;,&quot;png_url&quot;:&quot;italianno-regular.png&quot;}">Italianno</option>';
				$output .= '<option class="gf holtwoodonesc" value="{&quot;family&quot;:&quot;Holtwood One SC&quot;,&quot;name&quot;:&quot;Holtwood One SC&quot;,&quot;import_family&quot;:&quot;Holtwood+One+SC:regular&quot;,&quot;classname&quot;:&quot;holtwoodonesc&quot;,&quot;png_url&quot;:&quot;holtwoodonesc-regular.png&quot;}">Holtwood One SC</option>';
				$output .= '<option class="gf swankyandmoomoo" value="{&quot;family&quot;:&quot;Swanky and Moo Moo&quot;,&quot;name&quot;:&quot;Swanky and Moo Moo&quot;,&quot;import_family&quot;:&quot;Swanky+and+Moo+Moo:regular&quot;,&quot;classname&quot;:&quot;swankyandmoomoo&quot;,&quot;png_url&quot;:&quot;swankyandmoomoo-regular.png&quot;}">Swanky and Moo Moo</option>';
				$output .= '<option class="gf medulaone" value="{&quot;family&quot;:&quot;Medula One&quot;,&quot;name&quot;:&quot;Medula One&quot;,&quot;import_family&quot;:&quot;Medula+One:regular&quot;,&quot;classname&quot;:&quot;medulaone&quot;,&quot;png_url&quot;:&quot;medulaone-regular.png&quot;}">Medula One</option>';
				$output .= '<option class="gf galdeano" value="{&quot;family&quot;:&quot;Galdeano&quot;,&quot;name&quot;:&quot;Galdeano&quot;,&quot;import_family&quot;:&quot;Galdeano:regular&quot;,&quot;classname&quot;:&quot;galdeano&quot;,&quot;png_url&quot;:&quot;galdeano-regular.png&quot;}">Galdeano</option>';
				$output .= '<option class="gf vastshadow" value="{&quot;family&quot;:&quot;Vast Shadow&quot;,&quot;name&quot;:&quot;Vast Shadow&quot;,&quot;import_family&quot;:&quot;Vast+Shadow:regular&quot;,&quot;classname&quot;:&quot;vastshadow&quot;,&quot;png_url&quot;:&quot;vastshadow-regular.png&quot;}">Vast Shadow</option>';
				$output .= '<option class="gf meddon" value="{&quot;family&quot;:&quot;Meddon&quot;,&quot;name&quot;:&quot;Meddon&quot;,&quot;import_family&quot;:&quot;Meddon:regular&quot;,&quot;classname&quot;:&quot;meddon&quot;,&quot;png_url&quot;:&quot;meddon-regular.png&quot;}">Meddon</option>';
				$output .= '<option class="gf medievalsharp" value="{&quot;family&quot;:&quot;MedievalSharp&quot;,&quot;name&quot;:&quot;MedievalSharp&quot;,&quot;import_family&quot;:&quot;MedievalSharp:regular&quot;,&quot;classname&quot;:&quot;medievalsharp&quot;,&quot;png_url&quot;:&quot;medievalsharp-regular.png&quot;}">MedievalSharp</option>';
				$output .= '<option class="gf unicaone" value="{&quot;family&quot;:&quot;Unica One&quot;,&quot;name&quot;:&quot;Unica One&quot;,&quot;import_family&quot;:&quot;Unica+One:regular&quot;,&quot;classname&quot;:&quot;unicaone&quot;,&quot;png_url&quot;:&quot;unicaone-regular.png&quot;}">Unica One</option>';
				$output .= '<option class="gf imfellgreatprimersc" value="{&quot;family&quot;:&quot;IM Fell Great Primer SC&quot;,&quot;name&quot;:&quot;IM Fell Great Primer SC&quot;,&quot;import_family&quot;:&quot;IM+Fell+Great+Primer+SC:regular&quot;,&quot;classname&quot;:&quot;imfellgreatprimersc&quot;,&quot;png_url&quot;:&quot;imfellgreatprimersc-regular.png&quot;}">IM Fell Great Primer SC</option>';
				$output .= '<option class="gf belgrano" value="{&quot;family&quot;:&quot;Belgrano&quot;,&quot;name&quot;:&quot;Belgrano&quot;,&quot;import_family&quot;:&quot;Belgrano:regular&quot;,&quot;classname&quot;:&quot;belgrano&quot;,&quot;png_url&quot;:&quot;belgrano-regular.png&quot;}">Belgrano</option>';
				$output .= '<option class="gf imfellfrenchcanon" value="{&quot;family&quot;:&quot;IM Fell French Canon&quot;,&quot;name&quot;:&quot;IM Fell French Canon&quot;,&quot;import_family&quot;:&quot;IM+Fell+French+Canon:regular,italic&quot;,&quot;classname&quot;:&quot;imfellfrenchcanon&quot;,&quot;png_url&quot;:&quot;imfellfrenchcanon-regular.png&quot;}">IM Fell French Canon</option>';
				$output .= '<option class="gf voces" value="{&quot;family&quot;:&quot;Voces&quot;,&quot;name&quot;:&quot;Voces&quot;,&quot;import_family&quot;:&quot;Voces:regular&quot;,&quot;classname&quot;:&quot;voces&quot;,&quot;png_url&quot;:&quot;voces-regular.png&quot;}">Voces</option>';
				$output .= '<option class="gf fingerpaint" value="{&quot;family&quot;:&quot;Finger Paint&quot;,&quot;name&quot;:&quot;Finger Paint&quot;,&quot;import_family&quot;:&quot;Finger+Paint:regular&quot;,&quot;classname&quot;:&quot;fingerpaint&quot;,&quot;png_url&quot;:&quot;fingerpaint-regular.png&quot;}">Finger Paint</option>';
				$output .= '<option class="gf sonsieone" value="{&quot;family&quot;:&quot;Sonsie One&quot;,&quot;name&quot;:&quot;Sonsie One&quot;,&quot;import_family&quot;:&quot;Sonsie+One:regular&quot;,&quot;classname&quot;:&quot;sonsieone&quot;,&quot;png_url&quot;:&quot;sonsieone-regular.png&quot;}">Sonsie One</option>';
				$output .= '<option class="gf unna" value="{&quot;family&quot;:&quot;Unna&quot;,&quot;name&quot;:&quot;Unna&quot;,&quot;import_family&quot;:&quot;Unna:regular&quot;,&quot;classname&quot;:&quot;unna&quot;,&quot;png_url&quot;:&quot;unna-regular.png&quot;}">Unna</option>';
				$output .= '<option class="gf imfelldoublepica" value="{&quot;family&quot;:&quot;IM Fell Double Pica&quot;,&quot;name&quot;:&quot;IM Fell Double Pica&quot;,&quot;import_family&quot;:&quot;IM+Fell+Double+Pica:regular,italic&quot;,&quot;classname&quot;:&quot;imfelldoublepica&quot;,&quot;png_url&quot;:&quot;imfelldoublepica-regular.png&quot;}">IM Fell Double Pica</option>';
				$output .= '<option class="gf lifesavers" value="{&quot;family&quot;:&quot;Life Savers&quot;,&quot;name&quot;:&quot;Life Savers&quot;,&quot;import_family&quot;:&quot;Life+Savers:regular,700&quot;,&quot;classname&quot;:&quot;lifesavers&quot;,&quot;png_url&quot;:&quot;lifesavers-regular.png&quot;}">Life Savers</option>';
				$output .= '<option class="gf matesc" value="{&quot;family&quot;:&quot;Mate SC&quot;,&quot;name&quot;:&quot;Mate SC&quot;,&quot;import_family&quot;:&quot;Mate+SC:regular&quot;,&quot;classname&quot;:&quot;matesc&quot;,&quot;png_url&quot;:&quot;matesc-regular.png&quot;}">Mate SC</option>';
				$output .= '<option class="gf wellfleet" value="{&quot;family&quot;:&quot;Wellfleet&quot;,&quot;name&quot;:&quot;Wellfleet&quot;,&quot;import_family&quot;:&quot;Wellfleet:regular&quot;,&quot;classname&quot;:&quot;wellfleet&quot;,&quot;png_url&quot;:&quot;wellfleet-regular.png&quot;}">Wellfleet</option>';
				$output .= '<option class="gf sharetech" value="{&quot;family&quot;:&quot;Share Tech&quot;,&quot;name&quot;:&quot;Share Tech&quot;,&quot;import_family&quot;:&quot;Share+Tech:regular&quot;,&quot;classname&quot;:&quot;sharetech&quot;,&quot;png_url&quot;:&quot;sharetech-regular.png&quot;}">Share Tech</option>';
				$output .= '<option class="gf knewave" value="{&quot;family&quot;:&quot;Knewave&quot;,&quot;name&quot;:&quot;Knewave&quot;,&quot;import_family&quot;:&quot;Knewave:regular&quot;,&quot;classname&quot;:&quot;knewave&quot;,&quot;png_url&quot;:&quot;knewave-regular.png&quot;}">Knewave</option>';
				$output .= '<option class="gf pressstart2p" value="{&quot;family&quot;:&quot;Press Start 2P&quot;,&quot;name&quot;:&quot;Press Start 2P&quot;,&quot;import_family&quot;:&quot;Press+Start+2P:regular&quot;,&quot;classname&quot;:&quot;pressstart2p&quot;,&quot;png_url&quot;:&quot;pressstart2p-regular.png&quot;}">Press Start 2P</option>';
				$output .= '<option class="gf fjordone" value="{&quot;family&quot;:&quot;Fjord One&quot;,&quot;name&quot;:&quot;Fjord One&quot;,&quot;import_family&quot;:&quot;Fjord+One:regular&quot;,&quot;classname&quot;:&quot;fjordone&quot;,&quot;png_url&quot;:&quot;fjordone-regular.png&quot;}">Fjord One</option>';
				$output .= '<option class="gf donegalone" value="{&quot;family&quot;:&quot;Donegal One&quot;,&quot;name&quot;:&quot;Donegal One&quot;,&quot;import_family&quot;:&quot;Donegal+One:regular&quot;,&quot;classname&quot;:&quot;donegalone&quot;,&quot;png_url&quot;:&quot;donegalone-regular.png&quot;}">Donegal One</option>';
				$output .= '<option class="gf euphoriascript" value="{&quot;family&quot;:&quot;Euphoria Script&quot;,&quot;name&quot;:&quot;Euphoria Script&quot;,&quot;import_family&quot;:&quot;Euphoria+Script:regular&quot;,&quot;classname&quot;:&quot;euphoriascript&quot;,&quot;png_url&quot;:&quot;euphoriascript-regular.png&quot;}">Euphoria Script</option>';
				$output .= '<option class="gf marcellus" value="{&quot;family&quot;:&quot;Marcellus&quot;,&quot;name&quot;:&quot;Marcellus&quot;,&quot;import_family&quot;:&quot;Marcellus:regular&quot;,&quot;classname&quot;:&quot;marcellus&quot;,&quot;png_url&quot;:&quot;marcellus-regular.png&quot;}">Marcellus</option>';
				$output .= '<option class="gf candal" value="{&quot;family&quot;:&quot;Candal&quot;,&quot;name&quot;:&quot;Candal&quot;,&quot;import_family&quot;:&quot;Candal:regular&quot;,&quot;classname&quot;:&quot;candal&quot;,&quot;png_url&quot;:&quot;candal-regular.png&quot;}">Candal</option>';
				$output .= '<option class="gf vt323" value="{&quot;family&quot;:&quot;VT323&quot;,&quot;name&quot;:&quot;VT323&quot;,&quot;import_family&quot;:&quot;VT323:regular&quot;,&quot;classname&quot;:&quot;vt323&quot;,&quot;png_url&quot;:&quot;vt323-regular.png&quot;}">VT323</option>';
				$output .= '<option class="gf fanwoodtext" value="{&quot;family&quot;:&quot;Fanwood Text&quot;,&quot;name&quot;:&quot;Fanwood Text&quot;,&quot;import_family&quot;:&quot;Fanwood+Text:regular,italic&quot;,&quot;classname&quot;:&quot;fanwoodtext&quot;,&quot;png_url&quot;:&quot;fanwoodtext-regular.png&quot;}">Fanwood Text</option>';
				$output .= '<option class="gf amethysta" value="{&quot;family&quot;:&quot;Amethysta&quot;,&quot;name&quot;:&quot;Amethysta&quot;,&quot;import_family&quot;:&quot;Amethysta:regular&quot;,&quot;classname&quot;:&quot;amethysta&quot;,&quot;png_url&quot;:&quot;amethysta-regular.png&quot;}">Amethysta</option>';
				$output .= '<option class="gf bowlbyone" value="{&quot;family&quot;:&quot;Bowlby One&quot;,&quot;name&quot;:&quot;Bowlby One&quot;,&quot;import_family&quot;:&quot;Bowlby+One:regular&quot;,&quot;classname&quot;:&quot;bowlbyone&quot;,&quot;png_url&quot;:&quot;bowlbyone-regular.png&quot;}">Bowlby One</option>';
				$output .= '<option class="gf monoton" value="{&quot;family&quot;:&quot;Monoton&quot;,&quot;name&quot;:&quot;Monoton&quot;,&quot;import_family&quot;:&quot;Monoton:regular&quot;,&quot;classname&quot;:&quot;monoton&quot;,&quot;png_url&quot;:&quot;monoton-regular.png&quot;}">Monoton</option>';
				$output .= '<option class="gf average" value="{&quot;family&quot;:&quot;Average&quot;,&quot;name&quot;:&quot;Average&quot;,&quot;import_family&quot;:&quot;Average:regular&quot;,&quot;classname&quot;:&quot;average&quot;,&quot;png_url&quot;:&quot;average-regular.png&quot;}">Average</option>';
				$output .= '<option class="gf gildadisplay" value="{&quot;family&quot;:&quot;Gilda Display&quot;,&quot;name&quot;:&quot;Gilda Display&quot;,&quot;import_family&quot;:&quot;Gilda+Display:regular&quot;,&quot;classname&quot;:&quot;gildadisplay&quot;,&quot;png_url&quot;:&quot;gildadisplay-regular.png&quot;}">Gilda Display</option>';
				$output .= '<option class="gf oldenburg" value="{&quot;family&quot;:&quot;Oldenburg&quot;,&quot;name&quot;:&quot;Oldenburg&quot;,&quot;import_family&quot;:&quot;Oldenburg:regular&quot;,&quot;classname&quot;:&quot;oldenburg&quot;,&quot;png_url&quot;:&quot;oldenburg-regular.png&quot;}">Oldenburg</option>';
				$output .= '<option class="gf graduate" value="{&quot;family&quot;:&quot;Graduate&quot;,&quot;name&quot;:&quot;Graduate&quot;,&quot;import_family&quot;:&quot;Graduate:regular&quot;,&quot;classname&quot;:&quot;graduate&quot;,&quot;png_url&quot;:&quot;graduate-regular.png&quot;}">Graduate</option>';
				$output .= '<option class="gf patrickhandsc" value="{&quot;family&quot;:&quot;Patrick Hand SC&quot;,&quot;name&quot;:&quot;Patrick Hand SC&quot;,&quot;import_family&quot;:&quot;Patrick+Hand+SC:regular&quot;,&quot;classname&quot;:&quot;patrickhandsc&quot;,&quot;png_url&quot;:&quot;patrickhandsc-regular.png&quot;}">Patrick Hand SC</option>';
				$output .= '<option class="gf leaguescript" value="{&quot;family&quot;:&quot;League Script&quot;,&quot;name&quot;:&quot;League Script&quot;,&quot;import_family&quot;:&quot;League+Script:regular&quot;,&quot;classname&quot;:&quot;leaguescript&quot;,&quot;png_url&quot;:&quot;leaguescript-regular.png&quot;}">League Script</option>';
				$output .= '<option class="gf alef" value="{&quot;family&quot;:&quot;Alef&quot;,&quot;name&quot;:&quot;Alef&quot;,&quot;import_family&quot;:&quot;Alef:regular,700&quot;,&quot;classname&quot;:&quot;alef&quot;,&quot;png_url&quot;:&quot;alef-regular.png&quot;}">Alef</option>';
				$output .= '<option class="gf miltoniantattoo" value="{&quot;family&quot;:&quot;Miltonian Tattoo&quot;,&quot;name&quot;:&quot;Miltonian Tattoo&quot;,&quot;import_family&quot;:&quot;Miltonian+Tattoo:regular&quot;,&quot;classname&quot;:&quot;miltoniantattoo&quot;,&quot;png_url&quot;:&quot;miltoniantattoo-regular.png&quot;}">Miltonian Tattoo</option>';
				$output .= '<option class="gf geostarfill" value="{&quot;family&quot;:&quot;Geostar Fill&quot;,&quot;name&quot;:&quot;Geostar Fill&quot;,&quot;import_family&quot;:&quot;Geostar+Fill:regular&quot;,&quot;classname&quot;:&quot;geostarfill&quot;,&quot;png_url&quot;:&quot;geostarfill-regular.png&quot;}">Geostar Fill</option>';
				$output .= '<option class="gf oxygenmono" value="{&quot;family&quot;:&quot;Oxygen Mono&quot;,&quot;name&quot;:&quot;Oxygen Mono&quot;,&quot;import_family&quot;:&quot;Oxygen+Mono:regular&quot;,&quot;classname&quot;:&quot;oxygenmono&quot;,&quot;png_url&quot;:&quot;oxygenmono-regular.png&quot;}">Oxygen Mono</option>';
				$output .= '<option class="gf ruslandisplay" value="{&quot;family&quot;:&quot;Ruslan Display&quot;,&quot;name&quot;:&quot;Ruslan Display&quot;,&quot;import_family&quot;:&quot;Ruslan+Display:regular&quot;,&quot;classname&quot;:&quot;ruslandisplay&quot;,&quot;png_url&quot;:&quot;ruslandisplay-regular.png&quot;}">Ruslan Display</option>';
				$output .= '<option class="gf rammettoone" value="{&quot;family&quot;:&quot;Rammetto One&quot;,&quot;name&quot;:&quot;Rammetto One&quot;,&quot;import_family&quot;:&quot;Rammetto+One:regular&quot;,&quot;classname&quot;:&quot;rammettoone&quot;,&quot;png_url&quot;:&quot;rammettoone-regular.png&quot;}">Rammetto One</option>';
				$output .= '<option class="gf imfellfrenchcanonsc" value="{&quot;family&quot;:&quot;IM Fell French Canon SC&quot;,&quot;name&quot;:&quot;IM Fell French Canon SC&quot;,&quot;import_family&quot;:&quot;IM+Fell+French+Canon+SC:regular&quot;,&quot;classname&quot;:&quot;imfellfrenchcanonsc&quot;,&quot;png_url&quot;:&quot;imfellfrenchcanonsc-regular.png&quot;}">IM Fell French Canon SC</option>';
				$output .= '<option class="gf imfellgreatprimer" value="{&quot;family&quot;:&quot;IM Fell Great Primer&quot;,&quot;name&quot;:&quot;IM Fell Great Primer&quot;,&quot;import_family&quot;:&quot;IM+Fell+Great+Primer:regular,italic&quot;,&quot;classname&quot;:&quot;imfellgreatprimer&quot;,&quot;png_url&quot;:&quot;imfellgreatprimer-regular.png&quot;}">IM Fell Great Primer</option>';
				$output .= '<option class="gf artifika" value="{&quot;family&quot;:&quot;Artifika&quot;,&quot;name&quot;:&quot;Artifika&quot;,&quot;import_family&quot;:&quot;Artifika:regular&quot;,&quot;classname&quot;:&quot;artifika&quot;,&quot;png_url&quot;:&quot;artifika-regular.png&quot;}">Artifika</option>';
				$output .= '<option class="gf qwigley" value="{&quot;family&quot;:&quot;Qwigley&quot;,&quot;name&quot;:&quot;Qwigley&quot;,&quot;import_family&quot;:&quot;Qwigley:regular&quot;,&quot;classname&quot;:&quot;qwigley&quot;,&quot;png_url&quot;:&quot;qwigley-regular.png&quot;}">Qwigley</option>';
				$output .= '<option class="gf zeyada" value="{&quot;family&quot;:&quot;Zeyada&quot;,&quot;name&quot;:&quot;Zeyada&quot;,&quot;import_family&quot;:&quot;Zeyada:regular&quot;,&quot;classname&quot;:&quot;zeyada&quot;,&quot;png_url&quot;:&quot;zeyada-regular.png&quot;}">Zeyada</option>';
				$output .= '<option class="gf wallpoet" value="{&quot;family&quot;:&quot;Wallpoet&quot;,&quot;name&quot;:&quot;Wallpoet&quot;,&quot;import_family&quot;:&quot;Wallpoet:regular&quot;,&quot;classname&quot;:&quot;wallpoet&quot;,&quot;png_url&quot;:&quot;wallpoet-regular.png&quot;}">Wallpoet</option>';
				$output .= '<option class="gf lindenhill" value="{&quot;family&quot;:&quot;Linden Hill&quot;,&quot;name&quot;:&quot;Linden Hill&quot;,&quot;import_family&quot;:&quot;Linden+Hill:regular,italic&quot;,&quot;classname&quot;:&quot;lindenhill&quot;,&quot;png_url&quot;:&quot;lindenhill-regular.png&quot;}">Linden Hill</option>';
				$output .= '<option class="gf smokum" value="{&quot;family&quot;:&quot;Smokum&quot;,&quot;name&quot;:&quot;Smokum&quot;,&quot;import_family&quot;:&quot;Smokum:regular&quot;,&quot;classname&quot;:&quot;smokum&quot;,&quot;png_url&quot;:&quot;smokum-regular.png&quot;}">Smokum</option>';
				$output .= '<option class="gf mate" value="{&quot;family&quot;:&quot;Mate&quot;,&quot;name&quot;:&quot;Mate&quot;,&quot;import_family&quot;:&quot;Mate:regular,italic&quot;,&quot;classname&quot;:&quot;mate&quot;,&quot;png_url&quot;:&quot;mate-regular.png&quot;}">Mate</option>';
				$output .= '<option class="gf petrona" value="{&quot;family&quot;:&quot;Petrona&quot;,&quot;name&quot;:&quot;Petrona&quot;,&quot;import_family&quot;:&quot;Petrona:regular&quot;,&quot;classname&quot;:&quot;petrona&quot;,&quot;png_url&quot;:&quot;petrona-regular.png&quot;}">Petrona</option>';
				$output .= '<option class="gf creepster" value="{&quot;family&quot;:&quot;Creepster&quot;,&quot;name&quot;:&quot;Creepster&quot;,&quot;import_family&quot;:&quot;Creepster:regular&quot;,&quot;classname&quot;:&quot;creepster&quot;,&quot;png_url&quot;:&quot;creepster-regular.png&quot;}">Creepster</option>';
				$output .= '<option class="gf dellarespira" value="{&quot;family&quot;:&quot;Della Respira&quot;,&quot;name&quot;:&quot;Della Respira&quot;,&quot;import_family&quot;:&quot;Della+Respira:regular&quot;,&quot;classname&quot;:&quot;dellarespira&quot;,&quot;png_url&quot;:&quot;dellarespira-regular.png&quot;}">Della Respira</option>';
				$output .= '<option class="gf trochut" value="{&quot;family&quot;:&quot;Trochut&quot;,&quot;name&quot;:&quot;Trochut&quot;,&quot;import_family&quot;:&quot;Trochut:regular,italic,700&quot;,&quot;classname&quot;:&quot;trochut&quot;,&quot;png_url&quot;:&quot;trochut-regular.png&quot;}">Trochut</option>';
				$output .= '<option class="gf unifrakturcook" value="{&quot;family&quot;:&quot;UnifrakturCook&quot;,&quot;name&quot;:&quot;UnifrakturCook&quot;,&quot;import_family&quot;:&quot;UnifrakturCook:700&quot;,&quot;classname&quot;:&quot;unifrakturcook&quot;,&quot;png_url&quot;:&quot;unifrakturcook-700.png&quot;}">UnifrakturCook</option>';
				$output .= '<option class="gf yesevaone" value="{&quot;family&quot;:&quot;Yeseva One&quot;,&quot;name&quot;:&quot;Yeseva One&quot;,&quot;import_family&quot;:&quot;Yeseva+One:regular&quot;,&quot;classname&quot;:&quot;yesevaone&quot;,&quot;png_url&quot;:&quot;yesevaone-regular.png&quot;}">Yeseva One</option>';
				$output .= '<option class="gf julee" value="{&quot;family&quot;:&quot;Julee&quot;,&quot;name&quot;:&quot;Julee&quot;,&quot;import_family&quot;:&quot;Julee:regular&quot;,&quot;classname&quot;:&quot;julee&quot;,&quot;png_url&quot;:&quot;julee-regular.png&quot;}">Julee</option>';
				$output .= '<option class="gf pollerone" value="{&quot;family&quot;:&quot;Poller One&quot;,&quot;name&quot;:&quot;Poller One&quot;,&quot;import_family&quot;:&quot;Poller+One:regular&quot;,&quot;classname&quot;:&quot;pollerone&quot;,&quot;png_url&quot;:&quot;pollerone-regular.png&quot;}">Poller One</option>';
				$output .= '<option class="gf montaga" value="{&quot;family&quot;:&quot;Montaga&quot;,&quot;name&quot;:&quot;Montaga&quot;,&quot;import_family&quot;:&quot;Montaga:regular&quot;,&quot;classname&quot;:&quot;montaga&quot;,&quot;png_url&quot;:&quot;montaga-regular.png&quot;}">Montaga</option>';
				$output .= '<option class="gf durusans" value="{&quot;family&quot;:&quot;Duru Sans&quot;,&quot;name&quot;:&quot;Duru Sans&quot;,&quot;import_family&quot;:&quot;Duru+Sans:regular&quot;,&quot;classname&quot;:&quot;durusans&quot;,&quot;png_url&quot;:&quot;durusans-regular.png&quot;}">Duru Sans</option>';
				$output .= '<option class="gf bubblegumsans" value="{&quot;family&quot;:&quot;Bubblegum Sans&quot;,&quot;name&quot;:&quot;Bubblegum Sans&quot;,&quot;import_family&quot;:&quot;Bubblegum+Sans:regular&quot;,&quot;classname&quot;:&quot;bubblegumsans&quot;,&quot;png_url&quot;:&quot;bubblegumsans-regular.png&quot;}">Bubblegum Sans</option>';
				$output .= '<option class="gf rufina" value="{&quot;family&quot;:&quot;Rufina&quot;,&quot;name&quot;:&quot;Rufina&quot;,&quot;import_family&quot;:&quot;Rufina:regular,700&quot;,&quot;classname&quot;:&quot;rufina&quot;,&quot;png_url&quot;:&quot;rufina-regular.png&quot;}">Rufina</option>';
				$output .= '<option class="gf sniglet" value="{&quot;family&quot;:&quot;Sniglet&quot;,&quot;name&quot;:&quot;Sniglet&quot;,&quot;import_family&quot;:&quot;Sniglet:regular,800&quot;,&quot;classname&quot;:&quot;sniglet&quot;,&quot;png_url&quot;:&quot;sniglet-regular.png&quot;}">Sniglet</option>';
				$output .= '<option class="gf astloch" value="{&quot;family&quot;:&quot;Astloch&quot;,&quot;name&quot;:&quot;Astloch&quot;,&quot;import_family&quot;:&quot;Astloch:regular,700&quot;,&quot;classname&quot;:&quot;astloch&quot;,&quot;png_url&quot;:&quot;astloch-regular.png&quot;}">Astloch</option>';
				$output .= '<option class="gf montserratsubrayada" value="{&quot;family&quot;:&quot;Montserrat Subrayada&quot;,&quot;name&quot;:&quot;Montserrat Subrayada&quot;,&quot;import_family&quot;:&quot;Montserrat+Subrayada:regular,700&quot;,&quot;classname&quot;:&quot;montserratsubrayada&quot;,&quot;png_url&quot;:&quot;montserratsubrayada-regular.png&quot;}">Montserrat Subrayada</option>';
				$output .= '<option class="gf irishgrover" value="{&quot;family&quot;:&quot;Irish Grover&quot;,&quot;name&quot;:&quot;Irish Grover&quot;,&quot;import_family&quot;:&quot;Irish+Grover:regular&quot;,&quot;classname&quot;:&quot;irishgrover&quot;,&quot;png_url&quot;:&quot;irishgrover-regular.png&quot;}">Irish Grover</option>';
				$output .= '<option class="gf mrdehaviland" value="{&quot;family&quot;:&quot;Mr De Haviland&quot;,&quot;name&quot;:&quot;Mr De Haviland&quot;,&quot;import_family&quot;:&quot;Mr+De+Haviland:regular&quot;,&quot;classname&quot;:&quot;mrdehaviland&quot;,&quot;png_url&quot;:&quot;mrdehaviland-regular.png&quot;}">Mr De Haviland</option>';
				$output .= '<option class="gf rougescript" value="{&quot;family&quot;:&quot;Rouge Script&quot;,&quot;name&quot;:&quot;Rouge Script&quot;,&quot;import_family&quot;:&quot;Rouge+Script:regular&quot;,&quot;classname&quot;:&quot;rougescript&quot;,&quot;png_url&quot;:&quot;rougescript-regular.png&quot;}">Rouge Script</option>';
				$output .= '<option class="gf dynalight" value="{&quot;family&quot;:&quot;Dynalight&quot;,&quot;name&quot;:&quot;Dynalight&quot;,&quot;import_family&quot;:&quot;Dynalight:regular&quot;,&quot;classname&quot;:&quot;dynalight&quot;,&quot;png_url&quot;:&quot;dynalight-regular.png&quot;}">Dynalight</option>';
				$output .= '<option class="gf pirataone" value="{&quot;family&quot;:&quot;Pirata One&quot;,&quot;name&quot;:&quot;Pirata One&quot;,&quot;import_family&quot;:&quot;Pirata+One:regular&quot;,&quot;classname&quot;:&quot;pirataone&quot;,&quot;png_url&quot;:&quot;pirataone-regular.png&quot;}">Pirata One</option>';
				$output .= '<option class="gf shojumaru" value="{&quot;family&quot;:&quot;Shojumaru&quot;,&quot;name&quot;:&quot;Shojumaru&quot;,&quot;import_family&quot;:&quot;Shojumaru:regular&quot;,&quot;classname&quot;:&quot;shojumaru&quot;,&quot;png_url&quot;:&quot;shojumaru-regular.png&quot;}">Shojumaru</option>';
				$output .= '<option class="gf imfelldoublepicasc" value="{&quot;family&quot;:&quot;IM Fell Double Pica SC&quot;,&quot;name&quot;:&quot;IM Fell Double Pica SC&quot;,&quot;import_family&quot;:&quot;IM+Fell+Double+Pica+SC:regular&quot;,&quot;classname&quot;:&quot;imfelldoublepicasc&quot;,&quot;png_url&quot;:&quot;imfelldoublepicasc-regular.png&quot;}">IM Fell Double Pica SC</option>';
				$output .= '<option class="gf carroisgothicsc" value="{&quot;family&quot;:&quot;Carrois Gothic SC&quot;,&quot;name&quot;:&quot;Carrois Gothic SC&quot;,&quot;import_family&quot;:&quot;Carrois+Gothic+SC:regular&quot;,&quot;classname&quot;:&quot;carroisgothicsc&quot;,&quot;png_url&quot;:&quot;carroisgothicsc-regular.png&quot;}">Carrois Gothic SC</option>';
				$output .= '<option class="gf gravitasone" value="{&quot;family&quot;:&quot;Gravitas One&quot;,&quot;name&quot;:&quot;Gravitas One&quot;,&quot;import_family&quot;:&quot;Gravitas+One:regular&quot;,&quot;classname&quot;:&quot;gravitasone&quot;,&quot;png_url&quot;:&quot;gravitasone-regular.png&quot;}">Gravitas One</option>';
				$output .= '<option class="gf novaslim" value="{&quot;family&quot;:&quot;Nova Slim&quot;,&quot;name&quot;:&quot;Nova Slim&quot;,&quot;import_family&quot;:&quot;Nova+Slim:regular&quot;,&quot;classname&quot;:&quot;novaslim&quot;,&quot;png_url&quot;:&quot;novaslim-regular.png&quot;}">Nova Slim</option>';
				$output .= '<option class="gf prociono" value="{&quot;family&quot;:&quot;Prociono&quot;,&quot;name&quot;:&quot;Prociono&quot;,&quot;import_family&quot;:&quot;Prociono:regular&quot;,&quot;classname&quot;:&quot;prociono&quot;,&quot;png_url&quot;:&quot;prociono-regular.png&quot;}">Prociono</option>';
				$output .= '<option class="gf overlocksc" value="{&quot;family&quot;:&quot;Overlock SC&quot;,&quot;name&quot;:&quot;Overlock SC&quot;,&quot;import_family&quot;:&quot;Overlock+SC:regular&quot;,&quot;classname&quot;:&quot;overlocksc&quot;,&quot;png_url&quot;:&quot;overlocksc-regular.png&quot;}">Overlock SC</option>';
				$output .= '<option class="gf bigshotone" value="{&quot;family&quot;:&quot;Bigshot One&quot;,&quot;name&quot;:&quot;Bigshot One&quot;,&quot;import_family&quot;:&quot;Bigshot+One:regular&quot;,&quot;classname&quot;:&quot;bigshotone&quot;,&quot;png_url&quot;:&quot;bigshotone-regular.png&quot;}">Bigshot One</option>';
				$output .= '<option class="gf novascript" value="{&quot;family&quot;:&quot;Nova Script&quot;,&quot;name&quot;:&quot;Nova Script&quot;,&quot;import_family&quot;:&quot;Nova+Script:regular&quot;,&quot;classname&quot;:&quot;novascript&quot;,&quot;png_url&quot;:&quot;novascript-regular.png&quot;}">Nova Script</option>';
				$output .= '<option class="gf amarante" value="{&quot;family&quot;:&quot;Amarante&quot;,&quot;name&quot;:&quot;Amarante&quot;,&quot;import_family&quot;:&quot;Amarante:regular&quot;,&quot;classname&quot;:&quot;amarante&quot;,&quot;png_url&quot;:&quot;amarante-regular.png&quot;}">Amarante</option>';
				$output .= '<option class="gf kenia" value="{&quot;family&quot;:&quot;Kenia&quot;,&quot;name&quot;:&quot;Kenia&quot;,&quot;import_family&quot;:&quot;Kenia:regular&quot;,&quot;classname&quot;:&quot;kenia&quot;,&quot;png_url&quot;:&quot;kenia-regular.png&quot;}">Kenia</option>';
				$output .= '<option class="gf lilyscriptone" value="{&quot;family&quot;:&quot;Lily Script One&quot;,&quot;name&quot;:&quot;Lily Script One&quot;,&quot;import_family&quot;:&quot;Lily+Script+One:regular&quot;,&quot;classname&quot;:&quot;lilyscriptone&quot;,&quot;png_url&quot;:&quot;lilyscriptone-regular.png&quot;}">Lily Script One</option>';
				$output .= '<option class="gf monofett" value="{&quot;family&quot;:&quot;Monofett&quot;,&quot;name&quot;:&quot;Monofett&quot;,&quot;import_family&quot;:&quot;Monofett:regular&quot;,&quot;classname&quot;:&quot;monofett&quot;,&quot;png_url&quot;:&quot;monofett-regular.png&quot;}">Monofett</option>';
				$output .= '<option class="gf cutivemono" value="{&quot;family&quot;:&quot;Cutive Mono&quot;,&quot;name&quot;:&quot;Cutive Mono&quot;,&quot;import_family&quot;:&quot;Cutive+Mono:regular&quot;,&quot;classname&quot;:&quot;cutivemono&quot;,&quot;png_url&quot;:&quot;cutivemono-regular.png&quot;}">Cutive Mono</option>';
				$output .= '<option class="gf sail" value="{&quot;family&quot;:&quot;Sail&quot;,&quot;name&quot;:&quot;Sail&quot;,&quot;import_family&quot;:&quot;Sail:regular&quot;,&quot;classname&quot;:&quot;sail&quot;,&quot;png_url&quot;:&quot;sail-regular.png&quot;}">Sail</option>';
				$output .= '<option class="gf alikeangular" value="{&quot;family&quot;:&quot;Alike Angular&quot;,&quot;name&quot;:&quot;Alike Angular&quot;,&quot;import_family&quot;:&quot;Alike+Angular:regular&quot;,&quot;classname&quot;:&quot;alikeangular&quot;,&quot;png_url&quot;:&quot;alikeangular-regular.png&quot;}">Alike Angular</option>';
				$output .= '<option class="gf novaflat" value="{&quot;family&quot;:&quot;Nova Flat&quot;,&quot;name&quot;:&quot;Nova Flat&quot;,&quot;import_family&quot;:&quot;Nova+Flat:regular&quot;,&quot;classname&quot;:&quot;novaflat&quot;,&quot;png_url&quot;:&quot;novaflat-regular.png&quot;}">Nova Flat</option>';
				$output .= '<option class="gf bilbo" value="{&quot;family&quot;:&quot;Bilbo&quot;,&quot;name&quot;:&quot;Bilbo&quot;,&quot;import_family&quot;:&quot;Bilbo:regular&quot;,&quot;classname&quot;:&quot;bilbo&quot;,&quot;png_url&quot;:&quot;bilbo-regular.png&quot;}">Bilbo</option>';
				$output .= '<option class="gf smythe" value="{&quot;family&quot;:&quot;Smythe&quot;,&quot;name&quot;:&quot;Smythe&quot;,&quot;import_family&quot;:&quot;Smythe:regular&quot;,&quot;classname&quot;:&quot;smythe&quot;,&quot;png_url&quot;:&quot;smythe-regular.png&quot;}">Smythe</option>';
				$output .= '<option class="gf arizonia" value="{&quot;family&quot;:&quot;Arizonia&quot;,&quot;name&quot;:&quot;Arizonia&quot;,&quot;import_family&quot;:&quot;Arizonia:regular&quot;,&quot;classname&quot;:&quot;arizonia&quot;,&quot;png_url&quot;:&quot;arizonia-regular.png&quot;}">Arizonia</option>';
				$output .= '<option class="gf tradewinds" value="{&quot;family&quot;:&quot;Trade Winds&quot;,&quot;name&quot;:&quot;Trade Winds&quot;,&quot;import_family&quot;:&quot;Trade+Winds:regular&quot;,&quot;classname&quot;:&quot;tradewinds&quot;,&quot;png_url&quot;:&quot;tradewinds-regular.png&quot;}">Trade Winds</option>';
				$output .= '<option class="gf stintultracondensed" value="{&quot;family&quot;:&quot;Stint Ultra Condensed&quot;,&quot;name&quot;:&quot;Stint Ultra Condensed&quot;,&quot;import_family&quot;:&quot;Stint+Ultra+Condensed:regular&quot;,&quot;classname&quot;:&quot;stintultracondensed&quot;,&quot;png_url&quot;:&quot;stintultracondensed-regular.png&quot;}">Stint Ultra Condensed</option>';
				$output .= '<option class="gf ranchers" value="{&quot;family&quot;:&quot;Ranchers&quot;,&quot;name&quot;:&quot;Ranchers&quot;,&quot;import_family&quot;:&quot;Ranchers:regular&quot;,&quot;classname&quot;:&quot;ranchers&quot;,&quot;png_url&quot;:&quot;ranchers-regular.png&quot;}">Ranchers</option>';
				$output .= '<option class="gf loversquarrel" value="{&quot;family&quot;:&quot;Lovers Quarrel&quot;,&quot;name&quot;:&quot;Lovers Quarrel&quot;,&quot;import_family&quot;:&quot;Lovers+Quarrel:regular&quot;,&quot;classname&quot;:&quot;loversquarrel&quot;,&quot;png_url&quot;:&quot;loversquarrel-regular.png&quot;}">Lovers Quarrel</option>';
				$output .= '<option class="gf jacquesfrancoisshadow" value="{&quot;family&quot;:&quot;Jacques Francois Shadow&quot;,&quot;name&quot;:&quot;Jacques Francois Shadow&quot;,&quot;import_family&quot;:&quot;Jacques+Francois+Shadow:regular&quot;,&quot;classname&quot;:&quot;jacquesfrancoisshadow&quot;,&quot;png_url&quot;:&quot;jacquesfrancoisshadow-regular.png&quot;}">Jacques Francois Shadow</option>';
				$output .= '<option class="gf balthazar" value="{&quot;family&quot;:&quot;Balthazar&quot;,&quot;name&quot;:&quot;Balthazar&quot;,&quot;import_family&quot;:&quot;Balthazar:regular&quot;,&quot;classname&quot;:&quot;balthazar&quot;,&quot;png_url&quot;:&quot;balthazar-regular.png&quot;}">Balthazar</option>';
				$output .= '<option class="gf modernantiqua" value="{&quot;family&quot;:&quot;Modern Antiqua&quot;,&quot;name&quot;:&quot;Modern Antiqua&quot;,&quot;import_family&quot;:&quot;Modern+Antiqua:regular&quot;,&quot;classname&quot;:&quot;modernantiqua&quot;,&quot;png_url&quot;:&quot;modernantiqua-regular.png&quot;}">Modern Antiqua</option>';
				$output .= '<option class="gf flamenco" value="{&quot;family&quot;:&quot;Flamenco&quot;,&quot;name&quot;:&quot;Flamenco&quot;,&quot;import_family&quot;:&quot;Flamenco:300,regular&quot;,&quot;classname&quot;:&quot;flamenco&quot;,&quot;png_url&quot;:&quot;flamenco-regular.png&quot;}">Flamenco</option>';
				$output .= '<option class="gf molle" value="{&quot;family&quot;:&quot;Molle&quot;,&quot;name&quot;:&quot;Molle&quot;,&quot;import_family&quot;:&quot;Molle:italic&quot;,&quot;classname&quot;:&quot;molle&quot;,&quot;png_url&quot;:&quot;molle-italic.png&quot;}">Molle</option>';
				$output .= '<option class="gf bilboswashcaps" value="{&quot;family&quot;:&quot;Bilbo Swash Caps&quot;,&quot;name&quot;:&quot;Bilbo Swash Caps&quot;,&quot;import_family&quot;:&quot;Bilbo+Swash+Caps:regular&quot;,&quot;classname&quot;:&quot;bilboswashcaps&quot;,&quot;png_url&quot;:&quot;bilboswashcaps-regular.png&quot;}">Bilbo Swash Caps</option>';
				$output .= '<option class="gf gabriela" value="{&quot;family&quot;:&quot;Gabriela&quot;,&quot;name&quot;:&quot;Gabriela&quot;,&quot;import_family&quot;:&quot;Gabriela:regular&quot;,&quot;classname&quot;:&quot;gabriela&quot;,&quot;png_url&quot;:&quot;gabriela-regular.png&quot;}">Gabriela</option>';
				$output .= '<option class="gf engagement" value="{&quot;family&quot;:&quot;Engagement&quot;,&quot;name&quot;:&quot;Engagement&quot;,&quot;import_family&quot;:&quot;Engagement:regular&quot;,&quot;classname&quot;:&quot;engagement&quot;,&quot;png_url&quot;:&quot;engagement-regular.png&quot;}">Engagement</option>';
				$output .= '<option class="gf textmeone" value="{&quot;family&quot;:&quot;Text Me One&quot;,&quot;name&quot;:&quot;Text Me One&quot;,&quot;import_family&quot;:&quot;Text+Me+One:regular&quot;,&quot;classname&quot;:&quot;textmeone&quot;,&quot;png_url&quot;:&quot;textmeone-regular.png&quot;}">Text Me One</option>';
				$output .= '<option class="gf portlligatsans" value="{&quot;family&quot;:&quot;Port Lligat Sans&quot;,&quot;name&quot;:&quot;Port Lligat Sans&quot;,&quot;import_family&quot;:&quot;Port+Lligat+Sans:regular&quot;,&quot;classname&quot;:&quot;portlligatsans&quot;,&quot;png_url&quot;:&quot;portlligatsans-regular.png&quot;}">Port Lligat Sans</option>';
				$output .= '<option class="gf milonga" value="{&quot;family&quot;:&quot;Milonga&quot;,&quot;name&quot;:&quot;Milonga&quot;,&quot;import_family&quot;:&quot;Milonga:regular&quot;,&quot;classname&quot;:&quot;milonga&quot;,&quot;png_url&quot;:&quot;milonga-regular.png&quot;}">Milonga</option>';
				$output .= '<option class="gf nosifer" value="{&quot;family&quot;:&quot;Nosifer&quot;,&quot;name&quot;:&quot;Nosifer&quot;,&quot;import_family&quot;:&quot;Nosifer:regular&quot;,&quot;classname&quot;:&quot;nosifer&quot;,&quot;png_url&quot;:&quot;nosifer-regular.png&quot;}">Nosifer</option>';
				$output .= '<option class="gf goblinone" value="{&quot;family&quot;:&quot;Goblin One&quot;,&quot;name&quot;:&quot;Goblin One&quot;,&quot;import_family&quot;:&quot;Goblin+One:regular&quot;,&quot;classname&quot;:&quot;goblinone&quot;,&quot;png_url&quot;:&quot;goblinone-regular.png&quot;}">Goblin One</option>';
				$output .= '<option class="gf novaoval" value="{&quot;family&quot;:&quot;Nova Oval&quot;,&quot;name&quot;:&quot;Nova Oval&quot;,&quot;import_family&quot;:&quot;Nova+Oval:regular&quot;,&quot;classname&quot;:&quot;novaoval&quot;,&quot;png_url&quot;:&quot;novaoval-regular.png&quot;}">Nova Oval</option>';
				$output .= '<option class="gf condiment" value="{&quot;family&quot;:&quot;Condiment&quot;,&quot;name&quot;:&quot;Condiment&quot;,&quot;import_family&quot;:&quot;Condiment:regular&quot;,&quot;classname&quot;:&quot;condiment&quot;,&quot;png_url&quot;:&quot;condiment-regular.png&quot;}">Condiment</option>';
				$output .= '<option class="gf snowburstone" value="{&quot;family&quot;:&quot;Snowburst One&quot;,&quot;name&quot;:&quot;Snowburst One&quot;,&quot;import_family&quot;:&quot;Snowburst+One:regular&quot;,&quot;classname&quot;:&quot;snowburstone&quot;,&quot;png_url&quot;:&quot;snowburstone-regular.png&quot;}">Snowburst One</option>';
				$output .= '<option class="gf asset" value="{&quot;family&quot;:&quot;Asset&quot;,&quot;name&quot;:&quot;Asset&quot;,&quot;import_family&quot;:&quot;Asset:regular&quot;,&quot;classname&quot;:&quot;asset&quot;,&quot;png_url&quot;:&quot;asset-regular.png&quot;}">Asset</option>';
				$output .= '<option class="gf cagliostro" value="{&quot;family&quot;:&quot;Cagliostro&quot;,&quot;name&quot;:&quot;Cagliostro&quot;,&quot;import_family&quot;:&quot;Cagliostro:regular&quot;,&quot;classname&quot;:&quot;cagliostro&quot;,&quot;png_url&quot;:&quot;cagliostro-regular.png&quot;}">Cagliostro</option>';
				$output .= '<option class="gf kiteone" value="{&quot;family&quot;:&quot;Kite One&quot;,&quot;name&quot;:&quot;Kite One&quot;,&quot;import_family&quot;:&quot;Kite+One:regular&quot;,&quot;classname&quot;:&quot;kiteone&quot;,&quot;png_url&quot;:&quot;kiteone-regular.png&quot;}">Kite One</option>';
				$output .= '<option class="gf ralewaydots" value="{&quot;family&quot;:&quot;Raleway Dots&quot;,&quot;name&quot;:&quot;Raleway Dots&quot;,&quot;import_family&quot;:&quot;Raleway+Dots:regular&quot;,&quot;classname&quot;:&quot;ralewaydots&quot;,&quot;png_url&quot;:&quot;ralewaydots-regular.png&quot;}">Raleway Dots</option>';
				$output .= '<option class="gf rosarivo" value="{&quot;family&quot;:&quot;Rosarivo&quot;,&quot;name&quot;:&quot;Rosarivo&quot;,&quot;import_family&quot;:&quot;Rosarivo:regular,italic&quot;,&quot;classname&quot;:&quot;rosarivo&quot;,&quot;png_url&quot;:&quot;rosarivo-regular.png&quot;}">Rosarivo</option>';
				$output .= '<option class="gf oregano" value="{&quot;family&quot;:&quot;Oregano&quot;,&quot;name&quot;:&quot;Oregano&quot;,&quot;import_family&quot;:&quot;Oregano:regular,italic&quot;,&quot;classname&quot;:&quot;oregano&quot;,&quot;png_url&quot;:&quot;oregano-regular.png&quot;}">Oregano</option>';
				$output .= '<option class="gf ledger" value="{&quot;family&quot;:&quot;Ledger&quot;,&quot;name&quot;:&quot;Ledger&quot;,&quot;import_family&quot;:&quot;Ledger:regular&quot;,&quot;classname&quot;:&quot;ledger&quot;,&quot;png_url&quot;:&quot;ledger-regular.png&quot;}">Ledger</option>';
				$output .= '<option class="gf geostar" value="{&quot;family&quot;:&quot;Geostar&quot;,&quot;name&quot;:&quot;Geostar&quot;,&quot;import_family&quot;:&quot;Geostar:regular&quot;,&quot;classname&quot;:&quot;geostar&quot;,&quot;png_url&quot;:&quot;geostar-regular.png&quot;}">Geostar</option>';
				$output .= '<option class="gf lancelot" value="{&quot;family&quot;:&quot;Lancelot&quot;,&quot;name&quot;:&quot;Lancelot&quot;,&quot;import_family&quot;:&quot;Lancelot:regular&quot;,&quot;classname&quot;:&quot;lancelot&quot;,&quot;png_url&quot;:&quot;lancelot-regular.png&quot;}">Lancelot</option>';
				$output .= '<option class="gf iceberg" value="{&quot;family&quot;:&quot;Iceberg&quot;,&quot;name&quot;:&quot;Iceberg&quot;,&quot;import_family&quot;:&quot;Iceberg:regular&quot;,&quot;classname&quot;:&quot;iceberg&quot;,&quot;png_url&quot;:&quot;iceberg-regular.png&quot;}">Iceberg</option>';
				$output .= '<option class="gf ruluko" value="{&quot;family&quot;:&quot;Ruluko&quot;,&quot;name&quot;:&quot;Ruluko&quot;,&quot;import_family&quot;:&quot;Ruluko:regular&quot;,&quot;classname&quot;:&quot;ruluko&quot;,&quot;png_url&quot;:&quot;ruluko-regular.png&quot;}">Ruluko</option>';
				$output .= '<option class="gf rye" value="{&quot;family&quot;:&quot;Rye&quot;,&quot;name&quot;:&quot;Rye&quot;,&quot;import_family&quot;:&quot;Rye:regular&quot;,&quot;classname&quot;:&quot;rye&quot;,&quot;png_url&quot;:&quot;rye-regular.png&quot;}">Rye</option>';
				$output .= '<option class="gf gorditas" value="{&quot;family&quot;:&quot;Gorditas&quot;,&quot;name&quot;:&quot;Gorditas&quot;,&quot;import_family&quot;:&quot;Gorditas:regular,700&quot;,&quot;classname&quot;:&quot;gorditas&quot;,&quot;png_url&quot;:&quot;gorditas-regular.png&quot;}">Gorditas</option>';
				$output .= '<option class="gf fresca" value="{&quot;family&quot;:&quot;Fresca&quot;,&quot;name&quot;:&quot;Fresca&quot;,&quot;import_family&quot;:&quot;Fresca:regular&quot;,&quot;classname&quot;:&quot;fresca&quot;,&quot;png_url&quot;:&quot;fresca-regular.png&quot;}">Fresca</option>';
				$output .= '<option class="gf passeroone" value="{&quot;family&quot;:&quot;Passero One&quot;,&quot;name&quot;:&quot;Passero One&quot;,&quot;import_family&quot;:&quot;Passero+One:regular&quot;,&quot;classname&quot;:&quot;passeroone&quot;,&quot;png_url&quot;:&quot;passeroone-regular.png&quot;}">Passero One</option>';
				$output .= '<option class="gf novacut" value="{&quot;family&quot;:&quot;Nova Cut&quot;,&quot;name&quot;:&quot;Nova Cut&quot;,&quot;import_family&quot;:&quot;Nova+Cut:regular&quot;,&quot;classname&quot;:&quot;novacut&quot;,&quot;png_url&quot;:&quot;novacut-regular.png&quot;}">Nova Cut</option>';
				$output .= '<option class="gf esteban" value="{&quot;family&quot;:&quot;Esteban&quot;,&quot;name&quot;:&quot;Esteban&quot;,&quot;import_family&quot;:&quot;Esteban:regular&quot;,&quot;classname&quot;:&quot;esteban&quot;,&quot;png_url&quot;:&quot;esteban-regular.png&quot;}">Esteban</option>';
				$output .= '<option class="gf elsieswashcaps" value="{&quot;family&quot;:&quot;Elsie Swash Caps&quot;,&quot;name&quot;:&quot;Elsie Swash Caps&quot;,&quot;import_family&quot;:&quot;Elsie+Swash+Caps:regular,900&quot;,&quot;classname&quot;:&quot;elsieswashcaps&quot;,&quot;png_url&quot;:&quot;elsieswashcaps-regular.png&quot;}">Elsie Swash Caps</option>';
				$output .= '<option class="gf atomicage" value="{&quot;family&quot;:&quot;Atomic Age&quot;,&quot;name&quot;:&quot;Atomic Age&quot;,&quot;import_family&quot;:&quot;Atomic+Age:regular&quot;,&quot;classname&quot;:&quot;atomicage&quot;,&quot;png_url&quot;:&quot;atomicage-regular.png&quot;}">Atomic Age</option>';
				$output .= '<option class="gf federant" value="{&quot;family&quot;:&quot;Federant&quot;,&quot;name&quot;:&quot;Federant&quot;,&quot;import_family&quot;:&quot;Federant:regular&quot;,&quot;classname&quot;:&quot;federant&quot;,&quot;png_url&quot;:&quot;federant-regular.png&quot;}">Federant</option>';
				$output .= '<option class="gf miltonian" value="{&quot;family&quot;:&quot;Miltonian&quot;,&quot;name&quot;:&quot;Miltonian&quot;,&quot;import_family&quot;:&quot;Miltonian:regular&quot;,&quot;classname&quot;:&quot;miltonian&quot;,&quot;png_url&quot;:&quot;miltonian-regular.png&quot;}">Miltonian</option>';
				$output .= '<option class="gf aubrey" value="{&quot;family&quot;:&quot;Aubrey&quot;,&quot;name&quot;:&quot;Aubrey&quot;,&quot;import_family&quot;:&quot;Aubrey:regular&quot;,&quot;classname&quot;:&quot;aubrey&quot;,&quot;png_url&quot;:&quot;aubrey-regular.png&quot;}">Aubrey</option>';
				$output .= '<option class="gf chelaone" value="{&quot;family&quot;:&quot;Chela One&quot;,&quot;name&quot;:&quot;Chela One&quot;,&quot;import_family&quot;:&quot;Chela+One:regular&quot;,&quot;classname&quot;:&quot;chelaone&quot;,&quot;png_url&quot;:&quot;chelaone-regular.png&quot;}">Chela One</option>';
				$output .= '<option class="gf aladin" value="{&quot;family&quot;:&quot;Aladin&quot;,&quot;name&quot;:&quot;Aladin&quot;,&quot;import_family&quot;:&quot;Aladin:regular&quot;,&quot;classname&quot;:&quot;aladin&quot;,&quot;png_url&quot;:&quot;aladin-regular.png&quot;}">Aladin</option>';
				$output .= '<option class="gf hennypenny" value="{&quot;family&quot;:&quot;Henny Penny&quot;,&quot;name&quot;:&quot;Henny Penny&quot;,&quot;import_family&quot;:&quot;Henny+Penny:regular&quot;,&quot;classname&quot;:&quot;hennypenny&quot;,&quot;png_url&quot;:&quot;hennypenny-regular.png&quot;}">Henny Penny</option>';
				$output .= '<option class="gf miniver" value="{&quot;family&quot;:&quot;Miniver&quot;,&quot;name&quot;:&quot;Miniver&quot;,&quot;import_family&quot;:&quot;Miniver:regular&quot;,&quot;classname&quot;:&quot;miniver&quot;,&quot;png_url&quot;:&quot;miniver-regular.png&quot;}">Miniver</option>';
				$output .= '<option class="gf seaweedscript" value="{&quot;family&quot;:&quot;Seaweed Script&quot;,&quot;name&quot;:&quot;Seaweed Script&quot;,&quot;import_family&quot;:&quot;Seaweed+Script:regular&quot;,&quot;classname&quot;:&quot;seaweedscript&quot;,&quot;png_url&quot;:&quot;seaweedscript-regular.png&quot;}">Seaweed Script</option>';
				$output .= '<option class="gf cambo" value="{&quot;family&quot;:&quot;Cambo&quot;,&quot;name&quot;:&quot;Cambo&quot;,&quot;import_family&quot;:&quot;Cambo:regular&quot;,&quot;classname&quot;:&quot;cambo&quot;,&quot;png_url&quot;:&quot;cambo-regular.png&quot;}">Cambo</option>';
				$output .= '<option class="gf averialibre" value="{&quot;family&quot;:&quot;Averia Libre&quot;,&quot;name&quot;:&quot;Averia Libre&quot;,&quot;import_family&quot;:&quot;Averia+Libre:300,300italic,regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;averialibre&quot;,&quot;png_url&quot;:&quot;averialibre-regular.png&quot;}">Averia Libre</option>';
				$output .= '<option class="gf supermercadoone" value="{&quot;family&quot;:&quot;Supermercado One&quot;,&quot;name&quot;:&quot;Supermercado One&quot;,&quot;import_family&quot;:&quot;Supermercado+One:regular&quot;,&quot;classname&quot;:&quot;supermercadoone&quot;,&quot;png_url&quot;:&quot;supermercadoone-regular.png&quot;}">Supermercado One</option>';
				$output .= '<option class="gf concertone" value="{&quot;family&quot;:&quot;Concert One&quot;,&quot;name&quot;:&quot;Concert One&quot;,&quot;import_family&quot;:&quot;Concert+One:regular&quot;,&quot;classname&quot;:&quot;concertone&quot;,&quot;png_url&quot;:&quot;concertone-regular.png&quot;}">Concert One</option>';
				$output .= '<option class="gf monsieurladoulaise" value="{&quot;family&quot;:&quot;Monsieur La Doulaise&quot;,&quot;name&quot;:&quot;Monsieur La Doulaise&quot;,&quot;import_family&quot;:&quot;Monsieur+La+Doulaise:regular&quot;,&quot;classname&quot;:&quot;monsieurladoulaise&quot;,&quot;png_url&quot;:&quot;monsieurladoulaise-regular.png&quot;}">Monsieur La Doulaise</option>';
				$output .= '<option class="gf stoke" value="{&quot;family&quot;:&quot;Stoke&quot;,&quot;name&quot;:&quot;Stoke&quot;,&quot;import_family&quot;:&quot;Stoke:300,regular&quot;,&quot;classname&quot;:&quot;stoke&quot;,&quot;png_url&quot;:&quot;stoke-regular.png&quot;}">Stoke</option>';
				$output .= '<option class="gf paprika" value="{&quot;family&quot;:&quot;Paprika&quot;,&quot;name&quot;:&quot;Paprika&quot;,&quot;import_family&quot;:&quot;Paprika:regular&quot;,&quot;classname&quot;:&quot;paprika&quot;,&quot;png_url&quot;:&quot;paprika-regular.png&quot;}">Paprika</option>';
				$output .= '<option class="gf ruthie" value="{&quot;family&quot;:&quot;Ruthie&quot;,&quot;name&quot;:&quot;Ruthie&quot;,&quot;import_family&quot;:&quot;Ruthie:regular&quot;,&quot;classname&quot;:&quot;ruthie&quot;,&quot;png_url&quot;:&quot;ruthie-regular.png&quot;}">Ruthie</option>';
				$output .= '<option class="gf averiasanslibre" value="{&quot;family&quot;:&quot;Averia Sans Libre&quot;,&quot;name&quot;:&quot;Averia Sans Libre&quot;,&quot;import_family&quot;:&quot;Averia+Sans+Libre:300,300italic,regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;averiasanslibre&quot;,&quot;png_url&quot;:&quot;averiasanslibre-regular.png&quot;}">Averia Sans Libre</option>';
				$output .= '<option class="gf averiaseriflibre" value="{&quot;family&quot;:&quot;Averia Serif Libre&quot;,&quot;name&quot;:&quot;Averia Serif Libre&quot;,&quot;import_family&quot;:&quot;Averia+Serif+Libre:300,300italic,regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;averiaseriflibre&quot;,&quot;png_url&quot;:&quot;averiaseriflibre-regular.png&quot;}">Averia Serif Libre</option>';
				$output .= '<option class="gf inika" value="{&quot;family&quot;:&quot;Inika&quot;,&quot;name&quot;:&quot;Inika&quot;,&quot;import_family&quot;:&quot;Inika:regular,700&quot;,&quot;classname&quot;:&quot;inika&quot;,&quot;png_url&quot;:&quot;inika-regular.png&quot;}">Inika</option>';
				$output .= '<option class="gf griffy" value="{&quot;family&quot;:&quot;Griffy&quot;,&quot;name&quot;:&quot;Griffy&quot;,&quot;import_family&quot;:&quot;Griffy:regular&quot;,&quot;classname&quot;:&quot;griffy&quot;,&quot;png_url&quot;:&quot;griffy-regular.png&quot;}">Griffy</option>';
				$output .= '<option class="gf croissantone" value="{&quot;family&quot;:&quot;Croissant One&quot;,&quot;name&quot;:&quot;Croissant One&quot;,&quot;import_family&quot;:&quot;Croissant+One:regular&quot;,&quot;classname&quot;:&quot;croissantone&quot;,&quot;png_url&quot;:&quot;croissantone-regular.png&quot;}">Croissant One</option>';
				$output .= '<option class="gf titanone" value="{&quot;family&quot;:&quot;Titan One&quot;,&quot;name&quot;:&quot;Titan One&quot;,&quot;import_family&quot;:&quot;Titan+One:regular&quot;,&quot;classname&quot;:&quot;titanone&quot;,&quot;png_url&quot;:&quot;titanone-regular.png&quot;}">Titan One</option>';
				$output .= '<option class="gf mclaren" value="{&quot;family&quot;:&quot;McLaren&quot;,&quot;name&quot;:&quot;McLaren&quot;,&quot;import_family&quot;:&quot;McLaren:regular&quot;,&quot;classname&quot;:&quot;mclaren&quot;,&quot;png_url&quot;:&quot;mclaren-regular.png&quot;}">McLaren</option>';
				$output .= '<option class="gf italiana" value="{&quot;family&quot;:&quot;Italiana&quot;,&quot;name&quot;:&quot;Italiana&quot;,&quot;import_family&quot;:&quot;Italiana:regular&quot;,&quot;classname&quot;:&quot;italiana&quot;,&quot;png_url&quot;:&quot;italiana-regular.png&quot;}">Italiana</option>';
				$output .= '<option class="gf aguafinascript" value="{&quot;family&quot;:&quot;Aguafina Script&quot;,&quot;name&quot;:&quot;Aguafina Script&quot;,&quot;import_family&quot;:&quot;Aguafina+Script:regular&quot;,&quot;classname&quot;:&quot;aguafinascript&quot;,&quot;png_url&quot;:&quot;aguafinascript-regular.png&quot;}">Aguafina Script</option>';
				$output .= '<option class="gf mrssheppards" value="{&quot;family&quot;:&quot;Mrs Sheppards&quot;,&quot;name&quot;:&quot;Mrs Sheppards&quot;,&quot;import_family&quot;:&quot;Mrs+Sheppards:regular&quot;,&quot;classname&quot;:&quot;mrssheppards&quot;,&quot;png_url&quot;:&quot;mrssheppards-regular.png&quot;}">Mrs Sheppards</option>';
				$output .= '<option class="gf habibi" value="{&quot;family&quot;:&quot;Habibi&quot;,&quot;name&quot;:&quot;Habibi&quot;,&quot;import_family&quot;:&quot;Habibi:regular&quot;,&quot;classname&quot;:&quot;habibi&quot;,&quot;png_url&quot;:&quot;habibi-regular.png&quot;}">Habibi</option>';
				$output .= '<option class="gf jacquesfrancois" value="{&quot;family&quot;:&quot;Jacques Francois&quot;,&quot;name&quot;:&quot;Jacques Francois&quot;,&quot;import_family&quot;:&quot;Jacques+Francois:regular&quot;,&quot;classname&quot;:&quot;jacquesfrancois&quot;,&quot;png_url&quot;:&quot;jacquesfrancois-regular.png&quot;}">Jacques Francois</option>';
				$output .= '<option class="gf spicyrice" value="{&quot;family&quot;:&quot;Spicy Rice&quot;,&quot;name&quot;:&quot;Spicy Rice&quot;,&quot;import_family&quot;:&quot;Spicy+Rice:regular&quot;,&quot;classname&quot;:&quot;spicyrice&quot;,&quot;png_url&quot;:&quot;spicyrice-regular.png&quot;}">Spicy Rice</option>';
				$output .= '<option class="gf bigelowrules" value="{&quot;family&quot;:&quot;Bigelow Rules&quot;,&quot;name&quot;:&quot;Bigelow Rules&quot;,&quot;import_family&quot;:&quot;Bigelow+Rules:regular&quot;,&quot;classname&quot;:&quot;bigelowrules&quot;,&quot;png_url&quot;:&quot;bigelowrules-regular.png&quot;}">Bigelow Rules</option>';
				$output .= '<option class="gf sharetechmono" value="{&quot;family&quot;:&quot;Share Tech Mono&quot;,&quot;name&quot;:&quot;Share Tech Mono&quot;,&quot;import_family&quot;:&quot;Share+Tech+Mono:regular&quot;,&quot;classname&quot;:&quot;sharetechmono&quot;,&quot;png_url&quot;:&quot;sharetechmono-regular.png&quot;}">Share Tech Mono</option>';
				$output .= '<option class="gf caesardressing" value="{&quot;family&quot;:&quot;Caesar Dressing&quot;,&quot;name&quot;:&quot;Caesar Dressing&quot;,&quot;import_family&quot;:&quot;Caesar+Dressing:regular&quot;,&quot;classname&quot;:&quot;caesardressing&quot;,&quot;png_url&quot;:&quot;caesardressing-regular.png&quot;}">Caesar Dressing</option>';
				$output .= '<option class="gf mysteryquest" value="{&quot;family&quot;:&quot;Mystery Quest&quot;,&quot;name&quot;:&quot;Mystery Quest&quot;,&quot;import_family&quot;:&quot;Mystery+Quest:regular&quot;,&quot;classname&quot;:&quot;mysteryquest&quot;,&quot;png_url&quot;:&quot;mysteryquest-regular.png&quot;}">Mystery Quest</option>';
				$output .= '<option class="gf gafata" value="{&quot;family&quot;:&quot;Gafata&quot;,&quot;name&quot;:&quot;Gafata&quot;,&quot;import_family&quot;:&quot;Gafata:regular&quot;,&quot;classname&quot;:&quot;gafata&quot;,&quot;png_url&quot;:&quot;gafata-regular.png&quot;}">Gafata</option>';
				$output .= '<option class="gf keaniaone" value="{&quot;family&quot;:&quot;Keania One&quot;,&quot;name&quot;:&quot;Keania One&quot;,&quot;import_family&quot;:&quot;Keania+One:regular&quot;,&quot;classname&quot;:&quot;keaniaone&quot;,&quot;png_url&quot;:&quot;keaniaone-regular.png&quot;}">Keania One</option>';
				$output .= '<option class="gf trykker" value="{&quot;family&quot;:&quot;Trykker&quot;,&quot;name&quot;:&quot;Trykker&quot;,&quot;import_family&quot;:&quot;Trykker:regular&quot;,&quot;classname&quot;:&quot;trykker&quot;,&quot;png_url&quot;:&quot;trykker-regular.png&quot;}">Trykker</option>';
				$output .= '<option class="gf risque" value="{&quot;family&quot;:&quot;Risque&quot;,&quot;name&quot;:&quot;Risque&quot;,&quot;import_family&quot;:&quot;Risque:regular&quot;,&quot;classname&quot;:&quot;risque&quot;,&quot;png_url&quot;:&quot;risque-regular.png&quot;}">Risque</option>';
				$output .= '<option class="gf chango" value="{&quot;family&quot;:&quot;Chango&quot;,&quot;name&quot;:&quot;Chango&quot;,&quot;import_family&quot;:&quot;Chango:regular&quot;,&quot;classname&quot;:&quot;chango&quot;,&quot;png_url&quot;:&quot;chango-regular.png&quot;}">Chango</option>';
				$output .= '<option class="gf rumraisin" value="{&quot;family&quot;:&quot;Rum Raisin&quot;,&quot;name&quot;:&quot;Rum Raisin&quot;,&quot;import_family&quot;:&quot;Rum+Raisin:regular&quot;,&quot;classname&quot;:&quot;rumraisin&quot;,&quot;png_url&quot;:&quot;rumraisin-regular.png&quot;}">Rum Raisin</option>';
				$output .= '<option class="gf devonshire" value="{&quot;family&quot;:&quot;Devonshire&quot;,&quot;name&quot;:&quot;Devonshire&quot;,&quot;import_family&quot;:&quot;Devonshire:regular&quot;,&quot;classname&quot;:&quot;devonshire&quot;,&quot;png_url&quot;:&quot;devonshire-regular.png&quot;}">Devonshire</option>';
				$output .= '<option class="gf fondamento" value="{&quot;family&quot;:&quot;Fondamento&quot;,&quot;name&quot;:&quot;Fondamento&quot;,&quot;import_family&quot;:&quot;Fondamento:regular,italic&quot;,&quot;classname&quot;:&quot;fondamento&quot;,&quot;png_url&quot;:&quot;fondamento-regular.png&quot;}">Fondamento</option>';
				$output .= '<option class="gf jotione" value="{&quot;family&quot;:&quot;Joti One&quot;,&quot;name&quot;:&quot;Joti One&quot;,&quot;import_family&quot;:&quot;Joti+One:regular&quot;,&quot;classname&quot;:&quot;jotione&quot;,&quot;png_url&quot;:&quot;jotione-regular.png&quot;}">Joti One</option>';
				$output .= '<option class="gf sarina" value="{&quot;family&quot;:&quot;Sarina&quot;,&quot;name&quot;:&quot;Sarina&quot;,&quot;import_family&quot;:&quot;Sarina:regular&quot;,&quot;classname&quot;:&quot;sarina&quot;,&quot;png_url&quot;:&quot;sarina-regular.png&quot;}">Sarina</option>';
				$output .= '<option class="gf autourone" value="{&quot;family&quot;:&quot;Autour One&quot;,&quot;name&quot;:&quot;Autour One&quot;,&quot;import_family&quot;:&quot;Autour+One:regular&quot;,&quot;classname&quot;:&quot;autourone&quot;,&quot;png_url&quot;:&quot;autourone-regular.png&quot;}">Autour One</option>';
				$output .= '<option class="gf londrinashadow" value="{&quot;family&quot;:&quot;Londrina Shadow&quot;,&quot;name&quot;:&quot;Londrina Shadow&quot;,&quot;import_family&quot;:&quot;Londrina+Shadow:regular&quot;,&quot;classname&quot;:&quot;londrinashadow&quot;,&quot;png_url&quot;:&quot;londrinashadow-regular.png&quot;}">Londrina Shadow</option>';
				$output .= '<option class="gf glassantiqua" value="{&quot;family&quot;:&quot;Glass Antiqua&quot;,&quot;name&quot;:&quot;Glass Antiqua&quot;,&quot;import_family&quot;:&quot;Glass+Antiqua:regular&quot;,&quot;classname&quot;:&quot;glassantiqua&quot;,&quot;png_url&quot;:&quot;glassantiqua-regular.png&quot;}">Glass Antiqua</option>';
				$output .= '<option class="gf anticdidone" value="{&quot;family&quot;:&quot;Antic Didone&quot;,&quot;name&quot;:&quot;Antic Didone&quot;,&quot;import_family&quot;:&quot;Antic+Didone:regular&quot;,&quot;classname&quot;:&quot;anticdidone&quot;,&quot;png_url&quot;:&quot;anticdidone-regular.png&quot;}">Antic Didone</option>';
				$output .= '<option class="gf stintultraexpanded" value="{&quot;family&quot;:&quot;Stint Ultra Expanded&quot;,&quot;name&quot;:&quot;Stint Ultra Expanded&quot;,&quot;import_family&quot;:&quot;Stint+Ultra+Expanded:regular&quot;,&quot;classname&quot;:&quot;stintultraexpanded&quot;,&quot;png_url&quot;:&quot;stintultraexpanded-regular.png&quot;}">Stint Ultra Expanded</option>';
				$output .= '<option class="gf princesssofia" value="{&quot;family&quot;:&quot;Princess Sofia&quot;,&quot;name&quot;:&quot;Princess Sofia&quot;,&quot;import_family&quot;:&quot;Princess+Sofia:regular&quot;,&quot;classname&quot;:&quot;princesssofia&quot;,&quot;png_url&quot;:&quot;princesssofia-regular.png&quot;}">Princess Sofia</option>';
				$output .= '<option class="gf emilyscandy" value="{&quot;family&quot;:&quot;Emilys Candy&quot;,&quot;name&quot;:&quot;Emilys Candy&quot;,&quot;import_family&quot;:&quot;Emilys+Candy:regular&quot;,&quot;classname&quot;:&quot;emilyscandy&quot;,&quot;png_url&quot;:&quot;emilyscandy-regular.png&quot;}">Emilys Candy</option>';
				$output .= '<option class="gf asul" value="{&quot;family&quot;:&quot;Asul&quot;,&quot;name&quot;:&quot;Asul&quot;,&quot;import_family&quot;:&quot;Asul:regular,700&quot;,&quot;classname&quot;:&quot;asul&quot;,&quot;png_url&quot;:&quot;asul-regular.png&quot;}">Asul</option>';
				$output .= '<option class="gf eaglelake" value="{&quot;family&quot;:&quot;Eagle Lake&quot;,&quot;name&quot;:&quot;Eagle Lake&quot;,&quot;import_family&quot;:&quot;Eagle+Lake:regular&quot;,&quot;classname&quot;:&quot;eaglelake&quot;,&quot;png_url&quot;:&quot;eaglelake-regular.png&quot;}">Eagle Lake</option>';
				$output .= '<option class="gf piedra" value="{&quot;family&quot;:&quot;Piedra&quot;,&quot;name&quot;:&quot;Piedra&quot;,&quot;import_family&quot;:&quot;Piedra:regular&quot;,&quot;classname&quot;:&quot;piedra&quot;,&quot;png_url&quot;:&quot;piedra-regular.png&quot;}">Piedra</option>';
				$output .= '<option class="gf mrssaintdelafield" value="{&quot;family&quot;:&quot;Mrs Saint Delafield&quot;,&quot;name&quot;:&quot;Mrs Saint Delafield&quot;,&quot;import_family&quot;:&quot;Mrs+Saint+Delafield:regular&quot;,&quot;classname&quot;:&quot;mrssaintdelafield&quot;,&quot;png_url&quot;:&quot;mrssaintdelafield-regular.png&quot;}">Mrs Saint Delafield</option>';
				$output .= '<option class="gf stalemate" value="{&quot;family&quot;:&quot;Stalemate&quot;,&quot;name&quot;:&quot;Stalemate&quot;,&quot;import_family&quot;:&quot;Stalemate:regular&quot;,&quot;classname&quot;:&quot;stalemate&quot;,&quot;png_url&quot;:&quot;stalemate-regular.png&quot;}">Stalemate</option>';
				$output .= '<option class="gf originalsurfer" value="{&quot;family&quot;:&quot;Original Surfer&quot;,&quot;name&quot;:&quot;Original Surfer&quot;,&quot;import_family&quot;:&quot;Original+Surfer:regular&quot;,&quot;classname&quot;:&quot;originalsurfer&quot;,&quot;png_url&quot;:&quot;originalsurfer-regular.png&quot;}">Original Surfer</option>';
				$output .= '<option class="gf germaniaone" value="{&quot;family&quot;:&quot;Germania One&quot;,&quot;name&quot;:&quot;Germania One&quot;,&quot;import_family&quot;:&quot;Germania+One:regular&quot;,&quot;classname&quot;:&quot;germaniaone&quot;,&quot;png_url&quot;:&quot;germaniaone-regular.png&quot;}">Germania One</option>';
				$output .= '<option class="gf purplepurse" value="{&quot;family&quot;:&quot;Purple Purse&quot;,&quot;name&quot;:&quot;Purple Purse&quot;,&quot;import_family&quot;:&quot;Purple+Purse:regular&quot;,&quot;classname&quot;:&quot;purplepurse&quot;,&quot;png_url&quot;:&quot;purplepurse-regular.png&quot;}">Purple Purse</option>';
				$output .= '<option class="gf chicle" value="{&quot;family&quot;:&quot;Chicle&quot;,&quot;name&quot;:&quot;Chicle&quot;,&quot;import_family&quot;:&quot;Chicle:regular&quot;,&quot;classname&quot;:&quot;chicle&quot;,&quot;png_url&quot;:&quot;chicle-regular.png&quot;}">Chicle</option>';
				$output .= '<option class="gf sevillana" value="{&quot;family&quot;:&quot;Sevillana&quot;,&quot;name&quot;:&quot;Sevillana&quot;,&quot;import_family&quot;:&quot;Sevillana:regular&quot;,&quot;classname&quot;:&quot;sevillana&quot;,&quot;png_url&quot;:&quot;sevillana-regular.png&quot;}">Sevillana</option>';
				$output .= '<option class="gf offside" value="{&quot;family&quot;:&quot;Offside&quot;,&quot;name&quot;:&quot;Offside&quot;,&quot;import_family&quot;:&quot;Offside:regular&quot;,&quot;classname&quot;:&quot;offside&quot;,&quot;png_url&quot;:&quot;offside-regular.png&quot;}">Offside</option>';
				$output .= '<option class="gf londrinasketch" value="{&quot;family&quot;:&quot;Londrina Sketch&quot;,&quot;name&quot;:&quot;Londrina Sketch&quot;,&quot;import_family&quot;:&quot;Londrina+Sketch:regular&quot;,&quot;classname&quot;:&quot;londrinasketch&quot;,&quot;png_url&quot;:&quot;londrinasketch-regular.png&quot;}">Londrina Sketch</option>';
				$output .= '<option class="gf meiescript" value="{&quot;family&quot;:&quot;Meie Script&quot;,&quot;name&quot;:&quot;Meie Script&quot;,&quot;import_family&quot;:&quot;Meie+Script:regular&quot;,&quot;classname&quot;:&quot;meiescript&quot;,&quot;png_url&quot;:&quot;meiescript-regular.png&quot;}">Meie Script</option>';
				$output .= '<option class="gf sofadione" value="{&quot;family&quot;:&quot;Sofadi One&quot;,&quot;name&quot;:&quot;Sofadi One&quot;,&quot;import_family&quot;:&quot;Sofadi+One:regular&quot;,&quot;classname&quot;:&quot;sofadione&quot;,&quot;png_url&quot;:&quot;sofadione-regular.png&quot;}">Sofadi One</option>';
				$output .= '<option class="gf ribeye" value="{&quot;family&quot;:&quot;Ribeye&quot;,&quot;name&quot;:&quot;Ribeye&quot;,&quot;import_family&quot;:&quot;Ribeye:regular&quot;,&quot;classname&quot;:&quot;ribeye&quot;,&quot;png_url&quot;:&quot;ribeye-regular.png&quot;}">Ribeye</option>';
				$output .= '<option class="gf almendra" value="{&quot;family&quot;:&quot;Almendra&quot;,&quot;name&quot;:&quot;Almendra&quot;,&quot;import_family&quot;:&quot;Almendra:regular,italic,700,700italic&quot;,&quot;classname&quot;:&quot;almendra&quot;,&quot;png_url&quot;:&quot;almendra-regular.png&quot;}">Almendra</option>';
				$output .= '<option class="gf sirinstencil" value="{&quot;family&quot;:&quot;Sirin Stencil&quot;,&quot;name&quot;:&quot;Sirin Stencil&quot;,&quot;import_family&quot;:&quot;Sirin+Stencil:regular&quot;,&quot;classname&quot;:&quot;sirinstencil&quot;,&quot;png_url&quot;:&quot;sirinstencil-regular.png&quot;}">Sirin Stencil</option>';
				$output .= '<option class="gf butterflykids" value="{&quot;family&quot;:&quot;Butterfly Kids&quot;,&quot;name&quot;:&quot;Butterfly Kids&quot;,&quot;import_family&quot;:&quot;Butterfly+Kids:regular&quot;,&quot;classname&quot;:&quot;butterflykids&quot;,&quot;png_url&quot;:&quot;butterflykids-regular.png&quot;}">Butterfly Kids</option>';
				$output .= '<option class="gf arbutus" value="{&quot;family&quot;:&quot;Arbutus&quot;,&quot;name&quot;:&quot;Arbutus&quot;,&quot;import_family&quot;:&quot;Arbutus:regular&quot;,&quot;classname&quot;:&quot;arbutus&quot;,&quot;png_url&quot;:&quot;arbutus-regular.png&quot;}">Arbutus</option>';
				$output .= '<option class="gf bubblerone" value="{&quot;family&quot;:&quot;Bubbler One&quot;,&quot;name&quot;:&quot;Bubbler One&quot;,&quot;import_family&quot;:&quot;Bubbler+One:regular&quot;,&quot;classname&quot;:&quot;bubblerone&quot;,&quot;png_url&quot;:&quot;bubblerone-regular.png&quot;}">Bubbler One</option>';
				$output .= '<option class="gf galindo" value="{&quot;family&quot;:&quot;Galindo&quot;,&quot;name&quot;:&quot;Galindo&quot;,&quot;import_family&quot;:&quot;Galindo:regular&quot;,&quot;classname&quot;:&quot;galindo&quot;,&quot;png_url&quot;:&quot;galindo-regular.png&quot;}">Galindo</option>';
				$output .= '<option class="gf ribeyemarrow" value="{&quot;family&quot;:&quot;Ribeye Marrow&quot;,&quot;name&quot;:&quot;Ribeye Marrow&quot;,&quot;import_family&quot;:&quot;Ribeye+Marrow:regular&quot;,&quot;classname&quot;:&quot;ribeyemarrow&quot;,&quot;png_url&quot;:&quot;ribeyemarrow-regular.png&quot;}">Ribeye Marrow</option>';
				$output .= '<option class="gf fascinate" value="{&quot;family&quot;:&quot;Fascinate&quot;,&quot;name&quot;:&quot;Fascinate&quot;,&quot;import_family&quot;:&quot;Fascinate:regular&quot;,&quot;classname&quot;:&quot;fascinate&quot;,&quot;png_url&quot;:&quot;fascinate-regular.png&quot;}">Fascinate</option>';
				$output .= '<option class="gf jollylodger" value="{&quot;family&quot;:&quot;Jolly Lodger&quot;,&quot;name&quot;:&quot;Jolly Lodger&quot;,&quot;import_family&quot;:&quot;Jolly+Lodger:regular&quot;,&quot;classname&quot;:&quot;jollylodger&quot;,&quot;png_url&quot;:&quot;jollylodger-regular.png&quot;}">Jolly Lodger</option>';
				$output .= '<option class="gf emblemaone" value="{&quot;family&quot;:&quot;Emblema One&quot;,&quot;name&quot;:&quot;Emblema One&quot;,&quot;import_family&quot;:&quot;Emblema+One:regular&quot;,&quot;classname&quot;:&quot;emblemaone&quot;,&quot;png_url&quot;:&quot;emblemaone-regular.png&quot;}">Emblema One</option>';
				$output .= '<option class="gf eater" value="{&quot;family&quot;:&quot;Eater&quot;,&quot;name&quot;:&quot;Eater&quot;,&quot;import_family&quot;:&quot;Eater:regular&quot;,&quot;classname&quot;:&quot;eater&quot;,&quot;png_url&quot;:&quot;eater-regular.png&quot;}">Eater</option>';
				$output .= '<option class="gf averiagruesalibre" value="{&quot;family&quot;:&quot;Averia Gruesa Libre&quot;,&quot;name&quot;:&quot;Averia Gruesa Libre&quot;,&quot;import_family&quot;:&quot;Averia+Gruesa+Libre:regular&quot;,&quot;classname&quot;:&quot;averiagruesalibre&quot;,&quot;png_url&quot;:&quot;averiagruesalibre-regular.png&quot;}">Averia Gruesa Libre</option>';
				$output .= '<option class="gf felipa" value="{&quot;family&quot;:&quot;Felipa&quot;,&quot;name&quot;:&quot;Felipa&quot;,&quot;import_family&quot;:&quot;Felipa:regular&quot;,&quot;classname&quot;:&quot;felipa&quot;,&quot;png_url&quot;:&quot;felipa-regular.png&quot;}">Felipa</option>';
				$output .= '<option class="gf frijole" value="{&quot;family&quot;:&quot;Frijole&quot;,&quot;name&quot;:&quot;Frijole&quot;,&quot;import_family&quot;:&quot;Frijole:regular&quot;,&quot;classname&quot;:&quot;frijole&quot;,&quot;png_url&quot;:&quot;frijole-regular.png&quot;}">Frijole</option>';
				$output .= '<option class="gf revalia" value="{&quot;family&quot;:&quot;Revalia&quot;,&quot;name&quot;:&quot;Revalia&quot;,&quot;import_family&quot;:&quot;Revalia:regular&quot;,&quot;classname&quot;:&quot;revalia&quot;,&quot;png_url&quot;:&quot;revalia-regular.png&quot;}">Revalia</option>';
				$output .= '<option class="gf ewert" value="{&quot;family&quot;:&quot;Ewert&quot;,&quot;name&quot;:&quot;Ewert&quot;,&quot;import_family&quot;:&quot;Ewert:regular&quot;,&quot;classname&quot;:&quot;ewert&quot;,&quot;png_url&quot;:&quot;ewert-regular.png&quot;}">Ewert</option>';
				$output .= '<option class="gf peralta" value="{&quot;family&quot;:&quot;Peralta&quot;,&quot;name&quot;:&quot;Peralta&quot;,&quot;import_family&quot;:&quot;Peralta:regular&quot;,&quot;classname&quot;:&quot;peralta&quot;,&quot;png_url&quot;:&quot;peralta-regular.png&quot;}">Peralta</option>';
				$output .= '<option class="gf flavors" value="{&quot;family&quot;:&quot;Flavors&quot;,&quot;name&quot;:&quot;Flavors&quot;,&quot;import_family&quot;:&quot;Flavors:regular&quot;,&quot;classname&quot;:&quot;flavors&quot;,&quot;png_url&quot;:&quot;flavors-regular.png&quot;}">Flavors</option>';
				$output .= '<option class="gf macondoswashcaps" value="{&quot;family&quot;:&quot;Macondo Swash Caps&quot;,&quot;name&quot;:&quot;Macondo Swash Caps&quot;,&quot;import_family&quot;:&quot;Macondo+Swash+Caps:regular&quot;,&quot;classname&quot;:&quot;macondoswashcaps&quot;,&quot;png_url&quot;:&quot;macondoswashcaps-regular.png&quot;}">Macondo Swash Caps</option>';
				$output .= '<option class="gf drsugiyama" value="{&quot;family&quot;:&quot;Dr Sugiyama&quot;,&quot;name&quot;:&quot;Dr Sugiyama&quot;,&quot;import_family&quot;:&quot;Dr+Sugiyama:regular&quot;,&quot;classname&quot;:&quot;drsugiyama&quot;,&quot;png_url&quot;:&quot;drsugiyama-regular.png&quot;}">Dr Sugiyama</option>';
				$output .= '<option class="gf akronim" value="{&quot;family&quot;:&quot;Akronim&quot;,&quot;name&quot;:&quot;Akronim&quot;,&quot;import_family&quot;:&quot;Akronim:regular&quot;,&quot;classname&quot;:&quot;akronim&quot;,&quot;png_url&quot;:&quot;akronim-regular.png&quot;}">Akronim</option>';
				$output .= '<option class="gf combo" value="{&quot;family&quot;:&quot;Combo&quot;,&quot;name&quot;:&quot;Combo&quot;,&quot;import_family&quot;:&quot;Combo:regular&quot;,&quot;classname&quot;:&quot;combo&quot;,&quot;png_url&quot;:&quot;combo-regular.png&quot;}">Combo</option>';
				$output .= '<option class="gf elsie" value="{&quot;family&quot;:&quot;Elsie&quot;,&quot;name&quot;:&quot;Elsie&quot;,&quot;import_family&quot;:&quot;Elsie:regular,900&quot;,&quot;classname&quot;:&quot;elsie&quot;,&quot;png_url&quot;:&quot;elsie-regular.png&quot;}">Elsie</option>';
				$output .= '<option class="gf newrocker" value="{&quot;family&quot;:&quot;New Rocker&quot;,&quot;name&quot;:&quot;New Rocker&quot;,&quot;import_family&quot;:&quot;New+Rocker:regular&quot;,&quot;classname&quot;:&quot;newrocker&quot;,&quot;png_url&quot;:&quot;newrocker-regular.png&quot;}">New Rocker</option>';
				$output .= '<option class="gf markoone" value="{&quot;family&quot;:&quot;Marko One&quot;,&quot;name&quot;:&quot;Marko One&quot;,&quot;import_family&quot;:&quot;Marko+One:regular&quot;,&quot;classname&quot;:&quot;markoone&quot;,&quot;png_url&quot;:&quot;markoone-regular.png&quot;}">Marko One</option>';
				$output .= '<option class="gf romanesco" value="{&quot;family&quot;:&quot;Romanesco&quot;,&quot;name&quot;:&quot;Romanesco&quot;,&quot;import_family&quot;:&quot;Romanesco:regular&quot;,&quot;classname&quot;:&quot;romanesco&quot;,&quot;png_url&quot;:&quot;romanesco-regular.png&quot;}">Romanesco</option>';
				$output .= '<option class="gf margarine" value="{&quot;family&quot;:&quot;Margarine&quot;,&quot;name&quot;:&quot;Margarine&quot;,&quot;import_family&quot;:&quot;Margarine:regular&quot;,&quot;classname&quot;:&quot;margarine&quot;,&quot;png_url&quot;:&quot;margarine-regular.png&quot;}">Margarine</option>';
				$output .= '<option class="gf herrvonmuellerhoff" value="{&quot;family&quot;:&quot;Herr Von Muellerhoff&quot;,&quot;name&quot;:&quot;Herr Von Muellerhoff&quot;,&quot;import_family&quot;:&quot;Herr+Von+Muellerhoff:regular&quot;,&quot;classname&quot;:&quot;herrvonmuellerhoff&quot;,&quot;png_url&quot;:&quot;herrvonmuellerhoff-regular.png&quot;}">Herr Von Muellerhoff</option>';
				$output .= '<option class="gf mrbedfort" value="{&quot;family&quot;:&quot;Mr Bedfort&quot;,&quot;name&quot;:&quot;Mr Bedfort&quot;,&quot;import_family&quot;:&quot;Mr+Bedfort:regular&quot;,&quot;classname&quot;:&quot;mrbedfort&quot;,&quot;png_url&quot;:&quot;mrbedfort-regular.png&quot;}">Mr Bedfort</option>';
				$output .= '<option class="gf missfajardose" value="{&quot;family&quot;:&quot;Miss Fajardose&quot;,&quot;name&quot;:&quot;Miss Fajardose&quot;,&quot;import_family&quot;:&quot;Miss+Fajardose:regular&quot;,&quot;classname&quot;:&quot;missfajardose&quot;,&quot;png_url&quot;:&quot;missfajardose-regular.png&quot;}">Miss Fajardose</option>';
				$output .= '<option class="gf rugeboogie" value="{&quot;family&quot;:&quot;Ruge Boogie&quot;,&quot;name&quot;:&quot;Ruge Boogie&quot;,&quot;import_family&quot;:&quot;Ruge+Boogie:regular&quot;,&quot;classname&quot;:&quot;rugeboogie&quot;,&quot;png_url&quot;:&quot;rugeboogie-regular.png&quot;}">Ruge Boogie</option>';
				$output .= '<option class="gf freckleface" value="{&quot;family&quot;:&quot;Freckle Face&quot;,&quot;name&quot;:&quot;Freckle Face&quot;,&quot;import_family&quot;:&quot;Freckle+Face:regular&quot;,&quot;classname&quot;:&quot;freckleface&quot;,&quot;png_url&quot;:&quot;freckleface-regular.png&quot;}">Freckle Face</option>';
				$output .= '<option class="gf seymourone" value="{&quot;family&quot;:&quot;Seymour One&quot;,&quot;name&quot;:&quot;Seymour One&quot;,&quot;import_family&quot;:&quot;Seymour+One:regular&quot;,&quot;classname&quot;:&quot;seymourone&quot;,&quot;png_url&quot;:&quot;seymourone-regular.png&quot;}">Seymour One</option>';
				$output .= '<option class="gf londrinaoutline" value="{&quot;family&quot;:&quot;Londrina Outline&quot;,&quot;name&quot;:&quot;Londrina Outline&quot;,&quot;import_family&quot;:&quot;Londrina+Outline:regular&quot;,&quot;classname&quot;:&quot;londrinaoutline&quot;,&quot;png_url&quot;:&quot;londrinaoutline-regular.png&quot;}">Londrina Outline</option>';
				$output .= '<option class="gf uncialantiqua" value="{&quot;family&quot;:&quot;Uncial Antiqua&quot;,&quot;name&quot;:&quot;Uncial Antiqua&quot;,&quot;import_family&quot;:&quot;Uncial+Antiqua:regular&quot;,&quot;classname&quot;:&quot;uncialantiqua&quot;,&quot;png_url&quot;:&quot;uncialantiqua-regular.png&quot;}">Uncial Antiqua</option>';
				$output .= '<option class="gf diplomata" value="{&quot;family&quot;:&quot;Diplomata&quot;,&quot;name&quot;:&quot;Diplomata&quot;,&quot;import_family&quot;:&quot;Diplomata:regular&quot;,&quot;classname&quot;:&quot;diplomata&quot;,&quot;png_url&quot;:&quot;diplomata-regular.png&quot;}">Diplomata</option>';
				$output .= '<option class="gf underdog" value="{&quot;family&quot;:&quot;Underdog&quot;,&quot;name&quot;:&quot;Underdog&quot;,&quot;import_family&quot;:&quot;Underdog:regular&quot;,&quot;classname&quot;:&quot;underdog&quot;,&quot;png_url&quot;:&quot;underdog-regular.png&quot;}">Underdog</option>';
				$output .= '<option class="gf jimnightshade" value="{&quot;family&quot;:&quot;Jim Nightshade&quot;,&quot;name&quot;:&quot;Jim Nightshade&quot;,&quot;import_family&quot;:&quot;Jim+Nightshade:regular&quot;,&quot;classname&quot;:&quot;jimnightshade&quot;,&quot;png_url&quot;:&quot;jimnightshade-regular.png&quot;}">Jim Nightshade</option>';
				$output .= '<option class="gf fasterone" value="{&quot;family&quot;:&quot;Faster One&quot;,&quot;name&quot;:&quot;Faster One&quot;,&quot;import_family&quot;:&quot;Faster+One:regular&quot;,&quot;classname&quot;:&quot;fasterone&quot;,&quot;png_url&quot;:&quot;fasterone-regular.png&quot;}">Faster One</option>';
				$output .= '<option class="gf metalmania" value="{&quot;family&quot;:&quot;Metal Mania&quot;,&quot;name&quot;:&quot;Metal Mania&quot;,&quot;import_family&quot;:&quot;Metal+Mania:regular&quot;,&quot;classname&quot;:&quot;metalmania&quot;,&quot;png_url&quot;:&quot;metalmania-regular.png&quot;}">Metal Mania</option>';
				$output .= '<option class="gf macondo" value="{&quot;family&quot;:&quot;Macondo&quot;,&quot;name&quot;:&quot;Macondo&quot;,&quot;import_family&quot;:&quot;Macondo:regular&quot;,&quot;classname&quot;:&quot;macondo&quot;,&quot;png_url&quot;:&quot;macondo-regular.png&quot;}">Macondo</option>';
				$output .= '<option class="gf butcherman" value="{&quot;family&quot;:&quot;Butcherman&quot;,&quot;name&quot;:&quot;Butcherman&quot;,&quot;import_family&quot;:&quot;Butcherman:regular&quot;,&quot;classname&quot;:&quot;butcherman&quot;,&quot;png_url&quot;:&quot;butcherman-regular.png&quot;}">Butcherman</option>';
				$output .= '<option class="gf almendrasc" value="{&quot;family&quot;:&quot;Almendra SC&quot;,&quot;name&quot;:&quot;Almendra SC&quot;,&quot;import_family&quot;:&quot;Almendra+SC:regular&quot;,&quot;classname&quot;:&quot;almendrasc&quot;,&quot;png_url&quot;:&quot;almendrasc-regular.png&quot;}">Almendra SC</option>';
				$output .= '<option class="gf stalinistone" value="{&quot;family&quot;:&quot;Stalinist One&quot;,&quot;name&quot;:&quot;Stalinist One&quot;,&quot;import_family&quot;:&quot;Stalinist+One:regular&quot;,&quot;classname&quot;:&quot;stalinistone&quot;,&quot;png_url&quot;:&quot;stalinistone-regular.png&quot;}">Stalinist One</option>';
				$output .= '<option class="gf cevicheone" value="{&quot;family&quot;:&quot;Ceviche One&quot;,&quot;name&quot;:&quot;Ceviche One&quot;,&quot;import_family&quot;:&quot;Ceviche+One:regular&quot;,&quot;classname&quot;:&quot;cevicheone&quot;,&quot;png_url&quot;:&quot;cevicheone-regular.png&quot;}">Ceviche One</option>';
				$output .= '<option class="gf bonbon" value="{&quot;family&quot;:&quot;Bonbon&quot;,&quot;name&quot;:&quot;Bonbon&quot;,&quot;import_family&quot;:&quot;Bonbon:regular&quot;,&quot;classname&quot;:&quot;bonbon&quot;,&quot;png_url&quot;:&quot;bonbon-regular.png&quot;}">Bonbon</option>';
				$output .= '<option class="gf plaster" value="{&quot;family&quot;:&quot;Plaster&quot;,&quot;name&quot;:&quot;Plaster&quot;,&quot;import_family&quot;:&quot;Plaster:regular&quot;,&quot;classname&quot;:&quot;plaster&quot;,&quot;png_url&quot;:&quot;plaster-regular.png&quot;}">Plaster</option>';
				$output .= '<option class="gf vampiroone" value="{&quot;family&quot;:&quot;Vampiro One&quot;,&quot;name&quot;:&quot;Vampiro One&quot;,&quot;import_family&quot;:&quot;Vampiro+One:regular&quot;,&quot;classname&quot;:&quot;vampiroone&quot;,&quot;png_url&quot;:&quot;vampiroone-regular.png&quot;}">Vampiro One</option>';
				$output .= '<option class="gf fruktur" value="{&quot;family&quot;:&quot;Fruktur&quot;,&quot;name&quot;:&quot;Fruktur&quot;,&quot;import_family&quot;:&quot;Fruktur:regular&quot;,&quot;classname&quot;:&quot;fruktur&quot;,&quot;png_url&quot;:&quot;fruktur-regular.png&quot;}">Fruktur</option>';
				$output .= '<option class="gf almendradisplay" value="{&quot;family&quot;:&quot;Almendra Display&quot;,&quot;name&quot;:&quot;Almendra Display&quot;,&quot;import_family&quot;:&quot;Almendra+Display:regular&quot;,&quot;classname&quot;:&quot;almendradisplay&quot;,&quot;png_url&quot;:&quot;almendradisplay-regular.png&quot;}">Almendra Display</option>';
				$output .= '<option class="gf ericaone" value="{&quot;family&quot;:&quot;Erica One&quot;,&quot;name&quot;:&quot;Erica One&quot;,&quot;import_family&quot;:&quot;Erica+One:regular&quot;,&quot;classname&quot;:&quot;ericaone&quot;,&quot;png_url&quot;:&quot;ericaone-regular.png&quot;}">Erica One</option>';
				$output .= '<option class="gf diplomatasc" value="{&quot;family&quot;:&quot;Diplomata SC&quot;,&quot;name&quot;:&quot;Diplomata SC&quot;,&quot;import_family&quot;:&quot;Diplomata+SC:regular&quot;,&quot;classname&quot;:&quot;diplomatasc&quot;,&quot;png_url&quot;:&quot;diplomatasc-regular.png&quot;}">Diplomata SC</option>';
				$output .= '<option class="gf fascinateinline" value="{&quot;family&quot;:&quot;Fascinate Inline&quot;,&quot;name&quot;:&quot;Fascinate Inline&quot;,&quot;import_family&quot;:&quot;Fascinate+Inline:regular&quot;,&quot;classname&quot;:&quot;fascinateinline&quot;,&quot;png_url&quot;:&quot;fascinateinline-regular.png&quot;}">Fascinate Inline</option>';
				$output .= '<option class="gf unlock" value="{&quot;family&quot;:&quot;Unlock&quot;,&quot;name&quot;:&quot;Unlock&quot;,&quot;import_family&quot;:&quot;Unlock:regular&quot;,&quot;classname&quot;:&quot;unlock&quot;,&quot;png_url&quot;:&quot;unlock-regular.png&quot;}">Unlock</option>';
				$output .= '<option class="gf hanaleifill" value="{&quot;family&quot;:&quot;Hanalei Fill&quot;,&quot;name&quot;:&quot;Hanalei Fill&quot;,&quot;import_family&quot;:&quot;Hanalei+Fill:regular&quot;,&quot;classname&quot;:&quot;hanaleifill&quot;,&quot;png_url&quot;:&quot;hanaleifill-regular.png&quot;}">Hanalei Fill</option>';
				$output .= '<option class="gf warnes" value="{&quot;family&quot;:&quot;Warnes&quot;,&quot;name&quot;:&quot;Warnes&quot;,&quot;import_family&quot;:&quot;Warnes:regular&quot;,&quot;classname&quot;:&quot;warnes&quot;,&quot;png_url&quot;:&quot;warnes-regular.png&quot;}">Warnes</option>';
				$output .= '<option class="gf hanalei" value="{&quot;family&quot;:&quot;Hanalei&quot;,&quot;name&quot;:&quot;Hanalei&quot;,&quot;import_family&quot;:&quot;Hanalei:regular&quot;,&quot;classname&quot;:&quot;hanalei&quot;,&quot;png_url&quot;:&quot;hanalei-regular.png&quot;}">Hanalei</option>';
				$output .= '<option class="gf hind" value="{&quot;family&quot;:&quot;Hind&quot;,&quot;name&quot;:&quot;Hind&quot;,&quot;import_family&quot;:&quot;Hind:regular&quot;,&quot;classname&quot;:&quot;Hind&quot;,&quot;png_url&quot;:&quot;Hind-regular.png&quot;}">Hind</option>';
				$output .= '<option class="gf prompt" value="{&quot;family&quot;:&quot;Prompt&quot;,&quot;name&quot;:&quot;Prompt&quot;,&quot;import_family&quot;:&quot;Prompt:regular&quot;,&quot;classname&quot;:&quot;Prompt&quot;,&quot;png_url&quot;:&quot;Prompt-regular.png&quot;}">Prompt</option>';
				$output .= '<option class="gf Poppins" value="{&quot;family&quot;:&quot;Poppins&quot;,&quot;name&quot;:&quot;Poppins&quot;,&quot;import_family&quot;:&quot;Poppins:regular&quot;,&quot;classname&quot;:&quot;Poppins&quot;,&quot;png_url&quot;:&quot;Poppins-regular.png&quot;}">Poppins</option>';
				$output .= '<option class="gf Cairo" value="{&quot;family&quot;:&quot;Cairo&quot;,&quot;name&quot;:&quot;Cairo&quot;,&quot;import_family&quot;:&quot;Cairo:regular&quot;,&quot;classname&quot;:&quot;Cairo&quot;,&quot;png_url&quot;:&quot;Cairo-regular.png&quot;}">Cairo</option>';
				
			$output .= '</optgroup>';
			$output .= '</optgroup>';
				$output .= '<optgroup class="google-fonts" label="Google Fonts - Arabic">';
				$output .= '<option class="gf amiri" value="{&quot;family&quot;:&quot;Amiri&quot;,&quot;name&quot;:&quot;Amiri&quot;,&quot;import_family&quot;:&quot;Amiri:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Amiri</option>';
				$output .= '<option class="gf cairo" value="{&quot;family&quot;:&quot;Cairo&quot;,&quot;name&quot;:&quot;Cairo&quot;,&quot;import_family&quot;:&quot;Cairo:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Cairo</option>';
				$output .= '<option class="gf tajawal" value="{&quot;family&quot;:&quot;Tajawal&quot;,&quot;name&quot;:&quot;Tajawal&quot;,&quot;import_family&quot;:&quot;Tajawal:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Tajawal</option>';
				$output .= '<option class="gf changa" value="{&quot;family&quot;:&quot;Changa&quot;,&quot;name&quot;:&quot;Changa&quot;,&quot;import_family&quot;:&quot;Changa:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Changa</option>';
				$output .= '<option class="gf lalezar" value="{&quot;family&quot;:&quot;Lalezar&quot;,&quot;name&quot;:&quot;Lalezar&quot;,&quot;import_family&quot;:&quot;Lalezar:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Lalezar</option>';
				$output .= '<option class="gf markazitext" value="{&quot;family&quot;:&quot;Markazi Text&quot;,&quot;name&quot;:&quot;Markazi Text&quot;,&quot;import_family&quot;:&quot;Markazi Text:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Markazi Text</option>';
				$output .= '<option class="gf lemonada" value="{&quot;family&quot;:&quot;Lemonada&quot;,&quot;name&quot;:&quot;Lemonada&quot;,&quot;import_family&quot;:&quot;Lemonada:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Lemonada</option>';
				$output .= '<option class="gf elmessiri" value="{&quot;family&quot;:&quot;El Messiri&quot;,&quot;name&quot;:&quot;El Messiri&quot;,&quot;import_family&quot;:&quot;El Messiri:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">El Messiri</option>';
				$output .= '<option class="gf lateef" value="{&quot;family&quot;:&quot;Lateef&quot;,&quot;name&quot;:&quot;Lateef&quot;,&quot;import_family&quot;:&quot;Lateef:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Lateef</option>';
				$output .= '<option class="gf almarai" value="{&quot;family&quot;:&quot;Almarai&quot;,&quot;name&quot;:&quot;Almarai&quot;,&quot;import_family&quot;:&quot;Almarai:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Almarai</option>';
				$output .= '<option class="gf scheherazade" value="{&quot;family&quot;:&quot;Scheherazade&quot;,&quot;name&quot;:&quot;Scheherazade&quot;,&quot;import_family&quot;:&quot;Scheherazade:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Scheherazade</option>';
				$output .= '<option class="gf reemkufi" value="{&quot;family&quot;:&quot;Reem Kufi&quot;,&quot;name&quot;:&quot;Reem Kufi&quot;,&quot;import_family&quot;:&quot;Reem Kufi:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Reem Kufi</option>';
				$output .= '<option class="gf mada" value="{&quot;family&quot;:&quot;Mada&quot;,&quot;name&quot;:&quot;Mada&quot;,&quot;import_family&quot;:&quot;Mada:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Mada</option>';
				$output .= '<option class="gf harmattan" value="{&quot;family&quot;:&quot;Harmattan&quot;,&quot;name&quot;:&quot;Harmattan&quot;,&quot;import_family&quot;:&quot;Harmattan:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Harmattan</option>';
				$output .= '<option class="gf mirza" value="{&quot;family&quot;:&quot;Mirza&quot;,&quot;name&quot;:&quot;Mirza&quot;,&quot;import_family&quot;:&quot;Mirza:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Mirza</option>';
				$output .= '<option class="gf rakkas" value="{&quot;family&quot;:&quot;Rakkas&quot;,&quot;name&quot;:&quot;Rakkas&quot;,&quot;import_family&quot;:&quot;Rakkas:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Rakkas</option>';
				$output .= '<option class="gf arefruqaa" value="{&quot;family&quot;:&quot;Aref Ruqaa&quot;,&quot;name&quot;:&quot;Aref Ruqaa&quot;,&quot;import_family&quot;:&quot;Aref Ruqaa:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Aref Ruqaa</option>';
				$output .= '<option class="gf katibeh" value="{&quot;family&quot;:&quot;Katibeh&quot;,&quot;name&quot;:&quot;Katibeh&quot;,&quot;import_family&quot;:&quot;Katibeh:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Katibeh</option>';
				$output .= '<option class="gf vibes" value="{&quot;family&quot;:&quot;Vibes&quot;,&quot;name&quot;:&quot;Vibes&quot;,&quot;import_family&quot;:&quot;Vibes:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Vibes</option>';
				$output .= '<option class="gf jomhuria" value="{&quot;family&quot;:&quot;Jomhuria&quot;,&quot;name&quot;:&quot;Jomhuria&quot;,&quot;import_family&quot;:&quot;Jomhuria:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&quot;,&quot;classname&quot;:&quot;cairo&quot;,&quot;png_url&quot;:&quot;cairo-regular.png&quot;}">Jomhuria</option>';
			$output .= '</optgroup>';
		return $output;
		}
	}
}
?>