title: Change default font of Select2
body: <p>I am using the Select2 plugin to add the search feature to my dropdowns. However, I want the font style of these drop downs to be set to the same font as my other fields: <code>font-family: Arial, Helvetica, sans-serif;</code></p>
  
  <p>My 'Select' HTML:</p>
  
  <pre><code>&lt;label&gt;Department&lt;/label&gt;
  &lt;select class='js-example-basic-single' name="department" id="department" required&gt;
    &lt;option value="Dep 1"&gt;Dep 1 &lt;/option&gt;
    &lt;option value="Dep 2"&gt;Dep 2 &lt;/option&gt; etc.....
  &lt;/select&gt;
  </code></pre>
  
  <p>My JavaScript:</p>
  
  <pre><code>$(document).ready(function() {
    $(".js-example-basic-single").select2({
      placeholder: "Please Select an option",
      allowClear: true
    });
  });
  </code></pre>
  
  <p>I'm sure there is an easy answer to this, but couldn't seem to find one. </p>