sIFR - 仅 Firefox 3 中的行高问题？

Question

我正在尝试使用sIFR 为我正在处理的主页创建标签云效果。有 4 行文本，每行内有不同的字体大小和字体颜色。

我怀疑 sIFR 纯粹主义者会说这会创建太多的电影剪辑以保证安全，但这确实是我们正在寻找的效果，它是我们拥有的最佳选择，对 SEO 有好处，并且会优雅地降级。如果我们可以让它工作，那就是......

我遇到的问题是颜色、字体大小等都显示得很好，但文本周围似乎有过多的填充，造成行高接近 200% 而不是 200% 的效果或 1 厘米。我已经让它在 Internet Explorer 7 和其他一些浏览器中运行良好，但 Firefox 似乎显示的一切都错了！

任何想法和帮助表示赞赏;)

<h1 style="font-weight:600;">
<span class="titleleft">Content </span>
<span class="titleright">Formula:</span>
<span class="focussed">Focused </span>
<span class="creative">creative </span>
<span class="and">and </span>
<span class="targeted">targeted </span>
<span class="content">content </span>
<span class="for">for </span>
<span class="bluechip">blue chip </span>
<span class="global">global </span>
<span class="websites">websites </span>
<span class="and2">and </span>
<span class="intranets">intranets. </span>
<span class="wedeliver">We deliver </span>
<span class=success>success </span>
<span class="witha"> with a </span>
<span class="degree">360 degree </span>
<span class="approach">approach to online</span><br />
<span class="communications">communications.</span>
</h1>

示例配置行：

sIFR.replace(arial, 
{selector: '#main_content_left_home>h1>span.titleleft' 
,css: '.sIFR-root { color: #000000; font-weight:bold;letter-spacing: -1;}' 
,tuneWidth: (+10)
});

sIFR.fixWrap = false;
sIFR.fitExactly = true;
sIFR.useStyleCheck = false;
sIFR.useDomLoaded = false;
sIFR.preserveSingleWhitespace = true;
sIFR.autoInitialize = true;
sIFR.forceWidth = true;
sIFR.repaintOnResize = true;

Answer 1

检查多余的大小是在 Flash 影片内部还是在其周围。在后一种情况下，您将不得不求助于 CSS 调整。

在前一种情况下，请查看 sIFR.replace() 的 tuneHeight / tuneWidth 和 offsetTop / offsetLeft 参数。这些可让您更改 Flash 影片中文本的位置，并让您更改 Flash 影片在文本周围留下的边距。

这有时是必要的，因为 Flash 报告的文本尺寸不正确。