font-size - 与字体大小或字体编码有关的字体定位错误

Question

我遇到了一个问题，当我指定line height:1UNTIL 字体大小变得大于 255px 时，字形的位置与我预期的一样。将字体大小设置为 256 和 bam，字形显着改变位置并且在线上变得太高。

我正在使用 Google Web 字体引入 Josefin Sans - http://www.google.com/webfonts/specimen/Josefin+Sans

编辑：我在 Fedora 上使用 Chrome，而不是那些拥有市场份额和资金的酷机器之一

编辑：小提琴没有为我显示代码。如果您单击“培根”，它将在 255 和 256 之间切换，导致它来回反弹（至少对我而言）。

当字体是基本的网络安全字体（如 Arial）时，我不会遇到这个问题，所以我认为它与 google 网络字体有关。这是字体编码的问题，可能是创建字体的程序（255 似乎很重要）？

这是我原来的问题的截图

score 1 · Accepted Answer

我遇到了这种字体不一致的行高/间距问题。我开始怀疑这是 Josefin Sans 本身的构造问题。

编辑：经过多一点谷歌搜索后，问题似乎不在于字体本身，而在于 Google Webfont API。

简短的回答：自己下载并托管字体，你应该没有问题。

score 0 · Accepted Answer

一点问题都没有。您只是希望所有字体都具有相同的 x 高度、下降器/扩展器高度，而它们却没有（10 次中有 9 次）。

下面的小提琴说明了 4 种字体之间的区别（3 种是 Mac、PC 等上非常常见的字体）。Josefin Sans 也在房子里。

特别注意以下方面的差异：

_http://jsfiddle.net/suK2U/

在此处输入图像描述

为了回答您关于 255/256px 的问题，我敢说您刚刚遇到了容器与其父容器之间的“最佳位置”。在 256 处，它开始碰撞（并且边距开始塌陷，等等）。

2 回答 2