title: Javascript Semantic UI: Form Validation: list item character not rendering
body: <p>Does anyone know why the little dot in the red box at the bottom is not rendering correctly?
  As proof that the font is found, see the list above the input box.
  <a href="https://i.stack.imgur.com/FoX7O.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FoX7O.png" alt="enter image description here"></a></p>
  
  <p>Here's the code, leave the input field empty and click Submit</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css"&gt;
      &lt;style&gt;.container {margin: 15em;}&lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;ul&gt;
              &lt;li&gt;Shows that...&lt;/li&gt;
              &lt;li&gt;...it CAN find the character&lt;/li&gt;
          &lt;/ul&gt;
      &lt;form class="ui form"&gt;
          &lt;p&gt;Give this a try:&lt;/p&gt;
          &lt;div class="field"&gt;
              &lt;label&gt;Name&lt;/label&gt;
              &lt;input placeholder="Your Name?" name="name" type="text"&gt;
          &lt;/div&gt;
          &lt;div class="ui submit button"&gt;Submit&lt;/div&gt;
          &lt;div class="ui error message"&gt;&lt;/div&gt;
      &lt;/form&gt;
      &lt;/div&gt;
  
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt; &lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"&gt; &lt;/script&gt;
      &lt;script&gt;
          $(document).ready(function(){
              $('.ui.form').form({
                  fields: {name : ['minLength[6]', 'empty']}
              });
          });
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>