如何在加载页面时避免看到Cufon字体替换工具的渲染?

时间:2010-07-02 13:31:30

标签: javascript html css fonts cufon

我发布了一个网站,每个页面都有一个或元素与Cufon(cufon-yui.js),有时在页面加载时,访问者可以看到文本替换工具正在完成它的工作。它看起来很糟糕,一些用户正在询问它。

如果我像其他人一样使用它(cufon),为什么会发生这种情况呢?我不会在大多数网站上看到此文本呈现问题。

此外,还有一个问题正在发生,使用Cufon的超链接。

有时光标(为超链接显示的一只手)消失了,这很奇怪。

4 个答案:

答案 0 :(得分:1)

将以下内容添加到css中可以解决问题:

.cufon-loading { 
    visibility: hidden;
}

答案 1 :(得分:0)

我刚刚开始关注Cufon,所以我不确定我是否有资格发表意见,但我已经读过IE已经(或者有)渲染问题而你需要添加{{1到你身体的尽头(就在<script type="text/javascript">Cufon.now();</script>之前。如果你在页面上运行任何其他重型脚本,你可能希望将它们放在尽可能低的页面上并放置{{1}在这些脚本之上(将Cufon放在优先级较高的位置)。如果这不起作用,尝试在DOM加载(</body>)后立即用JS隐藏Cufon元素,然后在{{1}时取消隐藏它们事件触发(虽然我不确定它比文本闪烁好得多)。

答案 2 :(得分:0)

使用google web fontstypeface /

中的一个

答案 3 :(得分:-4)

使用更好的东西?:http://reisio.com/examples/webfonts/

(如果您担心分发合法性,请使用互联网上提供的众多免费克隆替换您的字体)