search

sapegin / grunt-webfont

SVG to webfont converter for Grunt
MIT License
1.11k stars 210 forks source link

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

Open loominade opened 8 years ago

loominade commented 8 years ago

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

square-break

loominade commented 8 years ago

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