All text is being shifted down - especially svg icons

[samvk]

When switching from Raleway to Rawline, all of the text is shifted down a several pixels.
This also seems to have an extra effect on svg icon sets, which are moving down even further. (but only in Chrome it appears - Firefox shifts them only as much as the rest of the text.)

If you switch back and force between these images of each font you can see all the text shifts down, as well as two top-right svgs moving down significantly.

[caitlinwynne]

Yes, we are having the same problem. See the attached image, the icon and the text are not aligning anymore. This is through-out the whole site. We would really like to continue using Rawline but need to fix the line height issue. Please help! Thank you.

[caitlinwynne]

@samvk Did you figure out a solution?

[MrChriZ]

I thought i was going nuts! No matter how much padding I removed nothing lined up!
Here's a fiddle demonstrating the issue:
https://jsfiddle.net/oak15jo1/

[MrChriZ]

@bramp has a better solution here:
https://blog.bramp.net/post/2018/01/21/google-font-features/

Here's a fiddle which shows the alignment is correct:
https://jsfiddle.net/e9rnwkbv/2/

[connorsmallman]

@h-ibaldo any ideas on how to go about fixing this issue? Happy to open a pr if you could point me in the right direction

[maxim25]

Any update on this? I have the same issue, event tried to keep lnum with font-squirrel myself but ran into the same issue.

[samvk]

If it helps anyone, I just ended up making my own version: Monorale: Raleway Sober.

Only problem is I ended up losing ligatures in the process (I also overwrote the "fancy" w with the normal one out of preference.) But if anyone wants to try the same thing or make a fork, just try editing the original Raleway and overwriting the "oldstyle" numerals with the normal ones (they already come with Raleway as alternates.)