小编Nik*_*nas的帖子

我正在尝试为我正在构建的页面添加自定义字体.我的问题是我的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提供了字体,问题仍然存在.

我真的迷失了,不知道我怎么能这样做.