IE11 shows missing-glyph-sign along with each line break

[loominade]

When applying the generated font to anything that contains line breaks. for instance

<div class="icon">foo<br />bar</div>

or

<pre class="icon">foo
bar</pre>

it will render a small rectangle in front of the break

[loominade]

it turns out that fontcustom had the same problem.

They had to include a space 0x20 character into their font to solve this issue.

I was able to do the same in grunt-webfont by mapping an empty svg on 0x20.

Like this:

  grunt.initConfig
    webfont:
      icons:
        options:
          codepoints:
            'empty-svg': 0x20