具有不同垂直度量的操作系统的

自定义字体我想为我正在构建的页面添加自定义字体。我的问题是字体垂直对齐在我的ubuntu开发机器和windows pc上看起来不一样。具有不同垂直度量的操作系统的

首先，这里是了解问题

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

的问题是字体之间的距离基线和它下面的元素。我的ubuntu机器上有一个无法解释的空白，它不是填充/余量。即使您选择了文字，它看起来没有对齐。

两者都在Chrome上进行测试，当然在HTML/CSS背后也是如此（这是相同的页面）。在代码和chrome的检查工具上都没有底部边距/填充。相同的行高。字体是Museo。两个都加载了.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被提供的字体。

我真的失去了这个，不知道我怎么能让它一样。任何形式的帮助将非常感谢！

来源

2012-04-06 Nikos Zinas

您可以发布图片链接，而有更多代表的人可以将其编辑到您的帖子中。 – 2012-04-06 15:38:01

字体有三组嵌入的垂直度量信息。一套用于Mac，一套用于PC，另一套则通常由* nix使用。这些可能难以同步，但我们的字体生成器确实试图让这些值相同。试一试？从谷歌类型的组

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

来源

2012-04-06 18:06:46

我看到你的评论太迟了，说实话，但我已经使用你的发电机，它解决了我的问题。非常好的工具，非常感谢你提供给我们:) – 2012-04-09 11:47:10

非常感谢！解决了我的字体指标问题 - 我明显在此之前使用了糟糕的转换器。 – 2013-06-07 14:48:21

是否有任何其他转换器的垂直度量选项而不是fontsquirrel。因为它不让我转换商业字体。 – 2016-04-11 12:50:52

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

我下载的预包装@字体面对面套件而且这些指标在Mac和PC之间并不一致。

解决的方法是从下载的套件中取出TTF字体，并使用它将Font Squirrel的生成器导出为新的@ font-face套件。生成器在标有“修复垂直度量”的专家设置中有一个复选框。确保在生成套件之前检查了这一点。

来源

2012-04-19 23:14:59 peterhry

我有这个相同的问题！ ZOMG发行twinzzzz !!!以为我是唯一的一个。我遇到麻烦的字体是：http：//www.fontsquirrel。com/fonts/antonio – 2013-11-27 08:09:51

你是否解决了安东尼奥的问题？因为我做了什么peterhry建议，使用“修复垂直度量”重新生成不同的webfont文件，但同样的问题仍然存在... – yorbro 2014-09-12 12:27:10

为行高 css属性设置固定值，例如以px为单位。

来源

2012-09-26 05:42:01

具有不同垂直度量的操作系统的

回答

相关问题