title: How to Create a Select Font Drop Down List With a Preview?
body: <p>I would l like to create a select drop down list to be able to select a font. In this list, I would like each font option to be shown in that style as a preview of the font.</p>
  
  <pre><code>&lt;select&gt;
      &lt;option class="Times-New-Roman" value="Times-New-Roman"&gt;Times New Roman&lt;/option&gt;
      &lt;option class="Verdana" value="Verdana"&gt;Verdana&lt;/option&gt;
      &lt;option value="Comic-Sans-MS"&gt;Comic Sans MS&lt;/option&gt;
      &lt;option value="WildWest"&gt;WildWest&lt;/option&gt;
      &lt;option value="Bedrock"&gt;Bedrock&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Above is a basic drop down box, of which each font type has it's own class name, however cannot seem to work out  how to make it so that each class name has it's own font which will show in the drop down list.</p>
  
  <p>Thank you for any time spent in helping find a solution.</p>
  
  <p>Best Regards,
  Tim</p>