我正在使用Google webfonts API在页面上嵌入Droid Sans.一切都很好,除了下降器(即y,g等上的dangly位).我的Windows Vista盒子上的最新版本的Firefox,IE和Chrome都是最重要的.
<!DOCTYPE html>
<html>
<head>
<title>Droid sans descender test</title>
<meta charset="utf-8">
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" rel="stylesheet" type="text/css">
<style type="text/css">
body { font-size: 16px; font-family: "Droid Sans", sans-serif; }
h1, h2, h3 { margin: 1em 0; font-weight: normal; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1em; }
</style>
</head>
<body>
<h1>A bug ran under the carpet anyway</h1>
<h2>A bug ran under the carpet anyway</h2>
<h3>A bug ran under the carpet anyway</h3>
</body>
</html>
上面的代码如下所示:
下降者被切断http://thinkdrastic.net/journal/wp-content/uploads/2010/06/descenders.png
我试过line-height,font-size,padding等也没有用.我取得了一些成功font-size-adjust,但我最后一次检查它只是Gecko.有人知道解决这个问题吗？
Oll*_*son 12
在@adamliptrot的帮助下,我发现Droid Sans的下降器绝对精确,只有几个精确的像素尺寸:18,22和27px.我相应地调整了我的em:
h1 { font-size: 1.6875em; }
h2 { font-size: 1.375em; }
h3 { font-size: 1.125em; }
不理想,但它有效:
下降器工作!http://thinkdrastic.net/journal/wp-content/uploads/2010/06/fixed-descenders.png
尽管您的问题与 Google Web Fonts API 有关，但我在下面的回答原则是相同的。
如果后代在提供 TrueType 字体时被截断，最可能的原因是 OS/2 度量在字体上设置不正确（负面）。
可能需要调整的值是 WinAscent & WinDescent。
一个快速而肮脏的解决方法是将它们都调整为 0。
这可以使用Font Forge来完成。在 FontForge 中打开字体后，您可以通过“字体信息”对话框访问这些参数。
