与操作系统的之间的不同垂直度量的自定义字体(custom fonts with different

我想包括一个网页我建立一个自定义的字体。 我的问题是字型垂直对齐方式看起来我的Ubuntu的开发机器上和Windows PC上的不同。

首先，这里是理解问题的图像

编辑：不幸的是作为一个新的用户，我不能发表图片，所以这里是一个描述：

问题是字体基线和它下面的元素之间的距离。 还有就是我的Ubuntu机器上无法解释的差距，这不是一个填充/保证金。 即使你选择文本看起来错位。

在Chrome，相同的HTML /它背后的CSS，当然（这是在同一页）这两种测试。 无底边距/填充无论在代码和对铬的检查工具。 同一行高。 字体为博物馆。 无论加载字体的.woff版本。 任何其他信息，我会很乐意提供。

导入字体的CSS是：

@font-face {
  font-family: 'Museo-700';
  src: url('path-to-eot');
  src: url('path-to-eot?') format('embedded-opentype'),
       url('path-to-woff') format('woff'),
       url('path-to-ttf') format('truetype');  
}

问题依然存在，甚至当我删除的声明WOFF和TTF被提供的字体。

我真的失去了这一点，不知道我怎么可以让它相同。

Answer 1:

字体有三套嵌入式垂直度量信息。 为Mac一组，对PC一组，另一组通常由* nix中。 这些可能难以同步，但我们的字体面对面发电机并尝试获取这些值相同。 试试看？

http://www.fontsquirrel.com/fontface/generator

从谷歌型团队更多信息：

http://code.google.com/p/googlefontdirectory/wiki/VerticalMetricsRecommendations

Answer 2:

我有这个字体同样的问题： http://www.fontsquirrel.com/fonts/Symbol-Signs

我下载了预包装@字体面对面套件和指标Mac和PC之间的不一致。

解决的办法是把TTF字库进行下载的工具包，并用它来导出一个新的@字体面套件，字体松鼠的发电机。 该发电机具有在标有“修正垂直度量”专家设置的复选框。 确保你生成你的包在此之前被选中。

Answer 3:

在像素设定的固定值，例如，对于行高的CSS特性。

文章来源: custom fonts with different vertical metrics between OS's