网站文字仅在悬停时出现

时间:2014-03-10 12:32:19

标签: twitter-bootstrap fonts web font-face

我在我开发的网站的文本呈现方面遇到了一个奇怪的问题。加载页面时,一些文本在我将鼠标悬停在其上之前不会显示;有些甚至不是。

我正在使用font-face。如果我重新加载页面,它工作正常。如果我清空缓存,则会出现问题。前端设计是使用bootstrap 2.3.2开发的。

3 个答案:

答案 0 :(得分:4)

您使用的是Chrome吗?

这可能是由于最近的Chrome错误造成的: https://code.google.com/p/chromium/issues/detail?id=336476

看起来他们正在修复。

我正在使用它作为临时修复:

$(function() {
    // temporary fix for chrome font bug
    $('*').css('zoom', '1').css('zoom', '');
});

这个想法是它会触发所有元素的重绘。

答案 1 :(得分:0)

正如bug论坛中所述: https://code.google.com/p/chromium/issues/detail?id=336476

它与@ font-face有关 只是尝试使用arial或其他东西而不是@ font-face字体,这应该可行。

答案 2 :(得分:-1)

删除font-face并重试。可能是你的文字颜色和背景颜色一样吗? 悬停颜色是不同的东西?你能展示你的代码或网站链接吗?