title: Ligatures in Chrome: Only displaying when adding other characters
body: <p>I created a font with <a href="https://icomoon.io" rel="noreferrer">icomoon</a></p>
  
  <p>and I wanted to use ligatures. Currently all my ligatures have hyphens in the ligature code.
  For example: my-ligature</p>
  
  <p><a href="https://i.stack.imgur.com/rsbAD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/rsbAD.png" alt="enter image description here"></a></p>
  
  <p>So when I use</p>
  
  <pre><code>&lt;i&gt;my-ligature&lt;/i&gt;
  </code></pre>
  
  <p>It works as expected in Firefox and IE but not Chrome.
  When I add a &amp;nbsp; or any other character like</p>
  
  <pre><code>&lt;i&gt;my-ligature&amp;nbsp;&lt;/i&gt;
  &lt;i&gt;my-ligature &lt;/li&gt;
  </code></pre>
  
  <p>It also works in Chrome.</p>
  
  <p>As soon as I replace the hyphen in the ligature code with something else like an underscore it works in Chrome as expected (no whitespace etc. necessary)</p>
  
  <p>Is this a Chrome Bug or are hyphens not allowed here?</p>
  
  <p>You'll find a demo of the whole thing here (made with a standard icomoon icon)
  <a href="http://www.swisscocktailblog.ch/icomoon/demo.html" rel="noreferrer">http://www.swisscocktailblog.ch/icomoon/demo.html</a></p>
  
  <p>EDIT:
  As requested the css for the ligatures (it's the one used in the demo)</p>
  
  <pre><code>@font-face {
      font-family: 'icomoon';
      src:url('fonts/icomoon.eot?6mfq3a');
      src:url('fonts/icomoon.eot?#iefix6mfq3a') format('embedded-opentype'),
      url('fonts/icomoon.ttf?6mfq3a') format('truetype'),
      url('fonts/icomoon.woff?6mfq3a') format('woff'),
      url('fonts/icomoon.svg?6mfq3a#icomoon') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  
  i, .icomoon-liga {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
  
      /* Enable Ligatures ================ */
      letter-spacing: 0;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga=1";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga" 1;
      -o-font-feature-settings: "liga";
      font-feature-settings: "liga";
  
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-wifi-full:before {
      content: "\e600";
  }
  </code></pre>