Question

回答

以下最佳答案对赏金有利，但用户Aaron的回答是正确的答案。设定：

.sIFR-flash {
width:100%;
}

更正了Chrome中的问题。可悲的是，我无法改变我的最佳答案，因为我猜这是赏金的运作方式。

回答

我似乎在Chrome中遇到了一些问题，特别是在其闪存容器中将sIFR替换为文本延伸（和模糊）。没有其他浏览器这样做（在IE6,7,8，FF，Safari，Opera中看起来不错）。这是一个已知的错误/有没有人有解决方法？

以下是您可以在此网站上查看的示例：http://uvph.com/

这是替换代码：

// -- configure sifr
var futura = { src: '/swf/bfuturah.swf' };

sIFR.activate(futura);

sIFR.replace(futura, {
    css: [
        '.sIFR-root { background-color:transparent; color: #999999; font-size:24px; text-transform:uppercase; }'
    ],
    fitExactly      : true,
    forceClear      : true,
    forceSingleLine : true,
    selector        : 'h2',
    transparent     : true
});

Answer 1

我注意到将.sIFR-flash的宽度设置为100％似乎可以解决问题。

Answer 2

我不能使用@ font-face，因为我的字体嵌入不好，我需要可选文本。为了在IE9中修复我的sIFR的垂直拉伸，我添加了显示：块; 高度：1.45em; 到.sIFR-flash 这似乎与IE8和Firefox相匹配我还使用了70％的正文字体大小它在加载时会产生额外的微弱闪烁，但拉伸已停止。

Answer 3

使用CSS的@ font-face属性。它现在支持所有流行的浏览器（包括IE和Chrome）。 http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/有关于在所有浏览器中使用@ font-face的非常好的帖子，页面本身使用自定义字体。值得检查=）

Answer 4

嗯，这真的很奇怪。我已经将您网站的测试用例上传到我的服务器，并且一切正常。 sifr更好的替代方法是http://cufon.shoqolate.com/generate/它更小更快，但你不能再选择文本了

Answer 5

首先：将“forceSingleLine”设置为“false”。如果这仍然没有帮助：检查要渲染的文本的CSS属性。渲染元素本身的显示类型（不是父级！）应该是“阻止”，否则“宽度：100％”根本没有效果。如果将sIFR应用于具有固定宽度的块元素，则可以实现Chrome的最佳结果 - 但这种方法并不总是可行的。

Answer 6

我怀疑Chrome和Flash播放器之间有些奇怪。就好像Flash电影放大不正确一样。当你点击它时，电影会自行修复。

如果您在sIFR.useDomLoaded = false之前设置sIFR.activate()该怎么办？

Google Chrome中的sIFR文字延伸/模糊

6 个答案: