Uploading a large number of fonts and showing sample in drop-down list/input field search font highlight
<p>I am creating a text editor in the style of Microsoft Office 2010. Alike Microsoft Office, I would like to have a drop down list of all fonts in the following format:</p>

<pre><code>&lt;li&gt;Arial&lt;/li&gt;
&lt;li&gt;Arial Black&lt;/li&gt;
&lt;li&gt;Arial Narrow&lt;/li&gt;
</code></pre>

<p>However, there are over 500 fonts submitted to Google Fonts and even uploading a fraction of them, implementing them into my list with a preview of the font will take hours upon hours of repetitive behavior.</p>

<p>Is there a way, using the likes of Javascript/JQuery/PHP to speed up the process, search a directory on my site and each folder is turned into a new list item or whatnot?</p>

<p>Google Fonts Directory: <a href="https://code.google.com/p/googlefontdirectory/" rel="nofollow">https://code.google.com/p/googlefontdirectory/</a></p>

<p>Hopefully this is useful to mention at the moment; Next to the drop down button to show this list, there is an input field of which you can enter a font. I would like to show some form of highlighing if the user manually starts typing.</p>

<p>Best Regards,
Tim</p>
