我正在使用Google网页字体API在一个页面上嵌入Droid Sans。一切都很好，除了下降者(即，y，g等上的单调位)。我的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>
上面的代码看起来像这样：
Descenders getting cut off http://thinkdrastic.net/journal/wp-content/uploads/2010/06/descenders.png
我已经尝试线高，字体大小，填充等无效。我在font-size-adjust上取得了一些成功，但是最后一次我检查的只是Gecko。有人知道这个修复吗？
解决方法
从
@adamliptrot的一些帮助，我发现Droid Sans的下降是绝对罚款在几个精确的像素大小：18,22和27像素。我相应地调整了我的em：
h1 { font-size: 1.6875em; }
h2 { font-size: 1.375em; }
h3 { font-size: 1.125em; }
不理想，但它的作品：
The descenders work! http://thinkdrastic.net/journal/wp-content/uploads/2010/06/fixed-descenders.png
