grunt-webfont icon indicating copy to clipboard operation
grunt-webfont copied to clipboard

Strange behavior on windows browsers

Open gabrieledarrigo opened this issue 7 years ago • 5 comments

Hello! First, thank you so much for this library, it is huge and really lovely! Second thing, we upgraded grunt-webfont to latest version while updating our Node.js, so we have:

  • node.js 6.3.1
  • grunt-webfont 1.4.0

Now on windows we have this strange bug, where all fonts has a sort of huge line height, and this happens on Chrome, Safari and Internet Explorer.

screen

In iOS fonts renders very well; any idea on what it can be? Thank you!

gabrieledarrigo avatar Aug 01 '16 17:08 gabrieledarrigo

Any hints guys?

gabrieledarrigo avatar Oct 12 '16 07:10 gabrieledarrigo

Open the "Envelop" icon in Illustrator (or any SVG editor) and see if it displaced from the art-board. If this is the case, this discussion can be helpful to you.

yevgeniy-belov avatar Dec 07 '16 08:12 yevgeniy-belov

Hello,

Did it help you ? Because I'm also having those issues and find no ways to fix this. Thx,

Benj

Bbemol avatar Jul 31 '17 10:07 Bbemol

That is very odd. I'm betting that it's not an issue with the source SVG, only because the font seems to render correctly on mobile safari. @gabrieledarrigo have you tried testing it on a non-windows desktop OS?

alampros avatar Aug 09 '17 12:08 alampros

Have you tried using the option "normalize" ? (See the readme) I think It solved this issue for me...

Bbemol avatar Aug 09 '17 13:08 Bbemol