我有一个关于谷歌字体的行高问题,特别是 josefin sans。在 MAC 操作系统中,行高比在 Windows 操作系统中大,是否有任何修复,我需要它们相同,因为我应用了底部边框。这是一个 jfiddle 的例子:
h1 span.main {
border-bottom: 1px solid #000;
display: inline-block;
font-family: 'Josefin Sans',sans-serif;
font-size: 4em;
line-height: 74px;
margin: 0 auto;
padding-bottom: 0;
text-transform: uppercase;
}
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
<h1 class="clearfix">
<span class="bottom">
<span class="inner">
<span class="left"> </span>
<span class="main">Company name</span>
<span class="right"> </span>
</span>
</span>
</h1>
最佳答案
我遇到了同样的问题,我发现这是一个 google font api 问题,它没有正确管理每个浏览器/操作系统的不同字体扩展。
我没有使用谷歌字体来解决它,而是托管字体并使用 fontquirrel 嵌入它 webfont generator .
关于windows - 谷歌字体的行高渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14559349/