google-chrome - Google Chrome 中的 sIFR 文本拉伸(stretch)/模糊

Question

已回答

下面的最佳答案对于赏金来说是有好处的，但用户亚伦的答案是正确的答案。设置:

.sIFR-flash {
width:100%;
}

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

已回答

<小时/>

我似乎在使用 Chrome 时遇到了一些问题，特别是在 Flash 容器中渲染 sIFR 替换的文本时，该文本被拉伸(stretch)(并且模糊)。没有其他浏览器可以做到这一点(在 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

我无法使用@font-face，因为我的字体嵌入效果很差，并且我需要可选择的文本。为了修复 IE9 中 sIFR 的垂直拉伸(stretch)问题，我添加了显示: block ；高度:1.45em；到 .sIFR 闪存似乎与 IE8 和 Firefox 相匹配我还使用了 70% 的正文字体大小加载时它会产生额外的小闪烁，但拉伸(stretch)已停止。