Google Chrome 中的 sIFR 文本拉伸/模糊

StackOverflow https://stackoverflow.com/questions/1978630

  •  22-09-2019
  •  | 
  •  

题

已回答

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

.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
});
有帮助吗？

解决方案

嗯这是一个非常奇怪的。我上传您的网站的测试用例到我的服务器，一切工作中铬的罚款。到sIFR那样的更好的选择是 http://cufon.shoqolate.com/generate/ 其多体积更小，速度更快，但你不能选择文本了。

其他提示

我无法为我的字体嵌入很差，我需要选择文本中使用@字体面。要解决垂直拉伸为我在IE9我sIFR的加 显示：块; 高度：1.45em; 到.sIFR闪光 这似乎匹配到IE8和Firefox 我还用70％的体字体大小 它提供了在加载额外的小闪烁，但拉伸已停止。

我注意到，设置.sIFR闪，以100％的宽度似乎解决此问题。

使用@ CSS的字体面属性。它现在支持所有流行的浏览器（包括IE和Chrome）。 http://www.useragentman.com/blog / 2009/09/20 /字体面纵深/ 有关于使用@字体面在所有浏览器和网页本身使用自定义字体非常好的职位。值得校验=）

首先：组“forceSingleLine”为“假”。 如果仍然没有帮助：选中要呈现的文本的CSS属性。 （！不是父）显示型所呈现的元素本身的应该是“块”，否则为“宽度：100％”具有所有没有影响。如果sIFR那样被施加到具有固定宽度的块元素可以实现为浏览器最好的结果 - 但这种方法并不总是可行的。

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

如果你设置了怎么办 sIFR.useDomLoaded = false 前 sIFR.activate()?

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top