0

我有几个使用 Vollkorn google 字体的标题。我注意到只有在 Firefox 和 Chrome 中，使用默认粗体粗细和正常字体样式，实际文本才会被推到元素的底部边界之外。当我将其切换为斜体时，它会恢复正常。当字体具有正常粗细时，不会发生这种情况。

我制作了一个非常简单的 HTML 文件，它显示了这种行为，但问题只存在于我身上，我将文件发送给了其他人，这两个浏览器都很好。

我试图在 jsFiddle 上重现这一点，但没有成功。 http://jsfiddle.net/5WDJU/1/

a

这是Pastebin上的代码，为简单起见，我将jQuery粘贴到其中。 http://pastebin.com/yXzHqKrD

这是在我的计算机上显示问题的屏幕截图。 在此处输入图像描述

我还尝试通过访问 google 字体网站并使用 Firebug 切换样式来重现这一点，但它工作正常。

我是否错过了某些可以在 jsFiddle 和字体网站上纠正这种情况的样式？即便如此，我也不明白为什么它不会发生在我将文件发送给的人的计算机上。这是谷歌字体的潜在陷阱吗？

4

2 回答 2

0

经过更多搜索后，我设法找到了其他人发生相同问题的两个实例。我不认为这是 CSS 的问题了，但我不确定这个问题是由于 Google 的实际字体还是 Firefox 和 Chrome 决定呈现这种特定字体的方式。

这是两个链接。

http://code.google.com/p/googlefontdirectory/issues/detail?id=37 http://productforums.google.com/forum/#!topic/chrome/QofmpbyZ7sQ

我从第一个链接中获取的解决方案是从 FontSquirrel 下载粗体非斜体字体并将其嵌入到我的网站中。

于 2013-08-13T14:09:14.923 回答
0

也许这是一个线高或填充问题。尝试在 chrome 或 safari（右键单击）中“检查元素”并查看输入表单上哪些样式处于活动状态。您是否尝试添加重置 css？http://meyerweb.com/eric/tools/css/reset/

于 2013-08-08T16:40:46.373 回答