谷歌网络字体在页面加载时不可见

Question

谷歌网络字体在页面加载时不可见

twitter-bootstrapwebfontsgoogle-webfonts

4

enter image description here 我很困惑，不知道如何举例。

使用Bootstrap制作我的网站。加载Google Web字体，就像我以前做过多次，从来没有遇到过问题。

由于某种原因，H1和H2直到我用鼠标突出显示它们或滚动到页面底部然后向上滚动时才会变得可见。有时在页面加载时，我可以看到字体的一些小片段，比如几个字母的下面等等。

或者，如果我打开检查面板并切换与字体相关的任何内容，如大小、颜色等，则它们将出现。

这只发生在Chrome浏览器中。

有什么建议吗？以前从未见过这种情况。

- user1447679

这个网址http://productforums.google.com/forum/#!topic/chrome/h9qULzjXKVw 和https://code.google.com/p/chromium/issues/detail?id=137692可能会对您有所帮助。 - Ravimallya

谢谢@Ravimallya。除非我漏掉了什么，否则似乎这是一个稍微不同的问题。那些问题似乎与默认字体替换Google Web字体有关，而我的根本没有显示出来...或者如果它们确实显示出来，那就是字体底部的碎片和零件...非常令人困惑。 - user1447679

我们能否有一个页面的实时示例？这样我们可以进一步检查它。 - Ravimallya

1

这个问题有更多的信息了吗？我也遇到了同样的问题。 - ardavis

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rglazebrook · Answer 1

我也遇到了这个问题。我能够通过使用JavaScript在页面加载完成后更改受影响元素的任何CSS属性来“修复故障”。

以下是使用jQuery的示例：

$(window).on('load', function() { $('h1,h2,h3,h4,h5,h6').css('zoom',1); });

- user1447679 · Answer 2

我的答案更像是一种“不理解但很高兴我解决了”的情况。在我遇到问题的内容区域之前，内容窗格中使用了一些链接的网络字体。我将那些链接的字体大小设置为18px。将字体大小更改为21px或14px以及其他几个大小解决了问题。

我不明白为什么...也许这个网络字体不兼容18px大小？然而我从未遇到过这种情况...这毫无意义。也许有人仍然可以阐明这个问题。