谷歌浏览器中的 sIFR 文本拉伸/模糊答案

【问题标题】：sIFR text stretched/blurry in Google Chrome谷歌浏览器中的 sIFR 文本拉伸/模糊
【发布时间】：2009-12-30 05:58:10
【问题描述】：

已回答

下面的最佳答案对赏金有好处，但用户 Aaron 的答案是正确答案。设置：

.sIFR-flash {
width:100%;
}

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

已回答

我似乎在使用 Chrome 时遇到了一些问题，特别是在它的 flash 容器中呈现 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
});

【问题讨论】：

标签： google-chrome sifr

【解决方案1】：

我不能使用@font-face，因为我的字体嵌入很差，我需要可选择的文本。为了在 IE9 中修复我的 sIFR 的垂直拉伸，我添加了显示：块；高度：1.45em；到.sIFR-flash 这似乎与 IE8 和 Firefox 匹配我还使用了 70% 的 body font-size 加载时会稍微闪烁，但拉伸已停止。

【讨论】：

【解决方案2】：

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

【讨论】：

很好，迫不及待想试试这个。
抱歉，拖了我这么久。这确实是正确的答案。我想我不能改变我的“最佳答案”，因为这是一个赏金。谢谢，亚伦。

【解决方案3】：

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

【讨论】：

很奇怪。好吧，你修好了它，所以你现在得到了赏金 :) 背景图像没有在你的测试中加载，所以也许就是这样。

【解决方案4】：

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

【讨论】：

同意。不要将 sIFR 提供给可以支持 @font-face 的浏览器。如果您打算使用 sIFR 或朋友，请让您的服务器仅将它们提供给需要它的浏览器（主要是较旧的 IE）。
显然他们坚持使用非 CSS 解决方案。我相信他们有充分的理由，但如果你有时间阅读那篇文章，自定义字体会让你的生活变得更好 =)
先生们就是这样。我通常使用 Cufon，但这个网站是在 Chrome 发布之前创建的。

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

如果在sIFR.activate() 之前设置sIFR.useDomLoaded = false 会怎样？

【讨论】：

没有骰子，useDomLoaded 没有效果。
您有机会在独立页面中重现此内容吗？没有其他 HTML、CSS、替换等？
是的，我会在这个周末试一试。
删除了除 sifr 之外的所有 css 和 js，它似乎仍然会发生。
你在网上有那个副本吗？