Updating vertical metrics for cross-platform consistency
We are constantly learning more about how different browsers and operating systems interpret fonts’ vertical metrics. Recently, and with help from experienced type designers and a great deal of research, our understanding of metrics inconsistencies has grown substantially. As a result, we are working with our foundry partners to update fonts for cross-browser consistency.
You may remember from a recent post about font metrics and vertical space in CSS that there are different sets of vertical metrics values. If the values in one set differ from another, text can be spaced unexpectedly in a layout. Without cross-platform consistency, you can see that the text below sits a bit too low in Windows (red), and a bit too high on Macs (blue).
Proxima Nova Condensed before and after having its vertical metrics updated.
We have updated Proxima Nova (including Condensed and Extra Condensed) so that the vertical metrics are consistent across browsers. Now, designers who use these fonts can be assured that page layouts will more closely match across platforms. Because this may cause slight positioning changes in some designs, we’re not rolling out these changes automatically; instead, you’ll need to republish your kits to see them.
We’re thinking of some slick ways to let Typekit users know about changes to the specific fonts in their kits. Until then, republishing your kits is all it takes to get the latest and greatest versions of these typefaces.