Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Problem with positioning webfont in internet explorer #57

Open
s0oft opened this issue Sep 9, 2014 · 20 comments
Open

Problem with positioning webfont in internet explorer #57

s0oft opened this issue Sep 9, 2014 · 20 comments
Labels

Comments

@s0oft
Copy link

s0oft commented Sep 9, 2014

font problem
I'm using .woff Fira Book and have a problem with text positioning in ie 11. In other browsers everything is ok.

@steffenweber
Copy link

I had the same problem but only with an older version of Fira. Try upgrading to the latest release 3.111. Maybe related: #43

@s0oft
Copy link
Author

s0oft commented Sep 15, 2014

I'm using 3.111 version.

@e1r0h1r
Copy link

e1r0h1r commented Oct 1, 2014

verdana-firasans

firamonospacing

I have the same problem.
Not a .woff though. I'm using .otf and .ttf.
It's same result with the FiraMono.ttf

@cowbellerina
Copy link

I can also confirm this issue still exists in the latest version (3.111) of Fira at least in IE9 and IE11 (most likely other IE versions as well, but haven't tested).

I found an interesting workaround for the problem (http://www.dead-pixel.de/align-texts-at-the-baseline-of-different-font-webfonts/). Adding another text element with Verdana as the font-family for elements using Fira seems to align the baseline correctly. Obviously, that's a hack and not a permanent solution. In addition, the hack isn't really usable if Fira used throughout the page.

@patrykdesign
Copy link
Contributor

We'll try to address this in the next update, likely Q1 2015.

@mischah
Copy link

mischah commented Feb 14, 2015

Here you can find patched versions of the Fira Sans webfonts which have a x-height matching according to Verdana to fix this baseline bug → https://github.com/mischah/Fira-Sans-x-height-patch

@patrykdesign
Copy link
Contributor

@carrois looks like there is a proposed fix we can integrate into the next update.

@carrois
Copy link

carrois commented Feb 19, 2015

We investigated what Font Squirrel does with the fonts if you choose option "fix vert. metrics". As a result, we set typoLineGap to zero which isn't quite correct according to our font developers.

Please try whether this version is ok: https://www.dropbox.com/s/m3r4mcimpbfv0dq/Fira%20Sans%20Test%20Fonts.zip?dl=0

Note that there are compatibility errors due to the new anchor behavior of Glyphs 2 because we exported out of an (outdated) Fira 3.111 file. These errors won’t occur in new release Fira 4.0.

In general we hope, this solves the problem for ie. If so, we include typoLineGap value "zero" into 4.0.
But it’s possible that this leads to conflicts in other layouts, because it is an intervention in general vertical metrics behavior.

@s0oft
Copy link
Author

s0oft commented Mar 10, 2015

the problem is still there
untitled-10

@rburgt
Copy link

rburgt commented Mar 10, 2015

I am experiencing the same problem with the updated font when using the woff or ttf variant.
The eot variant does not show this behaviour. We are currently using this as a temporary fix.

@patrykdesign
Copy link
Contributor

@so0ft @rburgt We justed added new Fira Sans v.4.1 and Mono 3.2.
@carrois added some fine height fixes can you let me know if the problem still persists? Thanks!

@getflourish
Copy link

Is this still an issue?

@s0oft
Copy link
Author

s0oft commented Apr 4, 2016

@getflourish solved in 4.1

@ryanklarhoelter
Copy link

Is this really solved …? I've integrated this file:

https://code.cdn.mozilla.net/fonts/fira.css

… and still having the positioning issue.

@s0oft
Copy link
Author

s0oft commented Apr 22, 2016

@ryanklarhoelter mb fonts included in this file are not up to date? try to download 4.1 without using this link

@hc-justindietert
Copy link

Have the fonts being served from Google Fonts been updated to the latest version that fixes this issue? I'm still seeing the problem in IE when I use Google Fonts.

@patrykdesign patrykdesign reopened this Apr 26, 2016
@patrykdesign
Copy link
Contributor

@davelab6 ^^^^ ?

@mischah
Copy link

mischah commented Apr 26, 2016

The fonts from https://code.cdn.mozilla.net/fonts/fira.css are Version 3.111 according to the file infos from https://code.cdn.mozilla.net/fonts/ttf/FiraSans-Hair.ttf

@hc-justindietert
Copy link

When could they be updated on Google Fonts?

@hc-justindietert
Copy link

@patrykdesign, @davelab6:

Any updates on the fonts being served to Google Fonts?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests