Twitter bootstrap Google webfonts在页面加载时呈现不可见

Twitter bootstrap Google webfonts在页面加载时呈现不可见,twitter-bootstrap,webfonts,google-webfonts,Twitter Bootstrap,Webfonts,Google Webfonts,我对此感到困惑,不知道如何举例说明 为我的网站使用引导。 加载谷歌网页字体,就像我过去做过多次一样,从来没有遇到过问题 由于某些原因,H1和H2是不可见的,直到我用鼠标突出显示它们,或者一直滚动到页面底部,然后进行备份。有时,在页面加载时,我可以看到字体的点点滴滴,比如几个字母的底部,等等 或者,如果我打开“检查”面板并切换与字体相关的任何内容。。。比如尺寸、颜色等。。他们会出现的 这只发生在Chrome中 有什么建议吗?以前从未见过这种情况。我的回答更像是“不明白,但很高兴我明白了”的情况。我

我对此感到困惑,不知道如何举例说明

为我的网站使用引导。 加载谷歌网页字体,就像我过去做过多次一样,从来没有遇到过问题

由于某些原因,H1和H2是不可见的,直到我用鼠标突出显示它们,或者一直滚动到页面底部,然后进行备份。有时,在页面加载时,我可以看到字体的点点滴滴,比如几个字母的底部,等等

或者,如果我打开“检查”面板并切换与字体相关的任何内容。。。比如尺寸、颜色等。。他们会出现的

这只发生在Chrome中

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

我的回答更像是“不明白,但很高兴我明白了”的情况。我遇到问题的内容区域之前的内容窗格在某些链接中使用了webfont。我将这些链接的字体大小设置为18px。将字体大小更改为21px或14px以及其他几种大小解决了此问题


我不明白为什么。。。也许web字体与18px大小不兼容?但我从来没有遇到过这个。。。这毫无意义。也许还有人能解释一下这个问题。

我也遇到了这个问题。一旦页面加载完毕,我就可以通过使用JavaScript更改受影响元素上的任何CSS属性来“修复故障”

使用jQuery的示例如下:

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

也许能帮助你。谢谢你@Ravimallya。这似乎是一个稍微不同的问题,除非我错过了什么。这些问题似乎与默认字体取代谷歌网页字体有关,而我的字体根本没有出现。。。或者,如果它们真的出现了,那就是字体底部的碎片。。非常混乱。我们可以有一个页面的实例吗?所以我们可以进一步检查,有没有更多的线索?我也有同样的问题。