sIFR 3 行距和字距调整

Question

我正在尝试在我正在处理的网站上的某些 sIFR 3 类型上进行行距和字偶距调整（如 wiki 中所述：http://wiki.novemberborn.net/sifr3/Styling），但这两个参数似乎无论我做什么都没有效果。

我没有按照要求使用整数（没有“px”或“em”）。我还尝试了几种不同的字体 swf 文件，只是为了确保它不是字体。我不知道为什么它不起作用。我分配给 .sIFR-root 的所有其他 css 参数都工作得很好。这是我使用“前导”的代码示例。

在 sifr_config.js 中：

sIFR.replace(snl, {
    selector: '.section-title h1',
    css: ['.sIFR-root { color: #FFFFFF; text-align: center; leading:2; }'],
    wmode: 'transparent'
});

在 HTML 文档中：（

<div class="section-title">
    <h1>sIFR Text</h1>
</div>

我还尝试了带方括号和不带方括号的 css 代码，因为我已经看到它以两种方式完成。似乎没有什么区别）。

我做错了什么？任何帮助将不胜感激；谢谢！

Answer 1

ETA：找到了一种不那么黑客的方式：
当添加到替换元素的 CSS 时，line-height 似乎可以工作（在我的示例中为：.sIFR-active .section-title h1）。所以我能够使用常规的旧行高来伪造边距。

---

好吧，既然这个问题让大家都哑口无言，这就是我的发现：

最初，有很多建议使用前导来替代 margin-top 或 padding-top，因为它们不适用于 sIFR。这就是我试图用它的目的。我有一行文本，需要在顶部给它一些空间，所以我试图通过增加行距（行高）来做到这一点，但无济于事。我认为这在某一点上有效，但后来当我查看 sIFR 所有修订版的更改日志时，我发现了一条关于“修复”行距的注释。显然，开发人员认为在单行文本上识别行距是一个错误，因此“修复”了它，以便仅在文本为多行时应用行距。我通过在文本前添加换行符进行测试，果然，行距开始工作！

所以现在看来​​，为了在 sIFR 标题上实现上边距，我必须以某种方式添加不必要的代码 - 通过将其包装在具有上边距的 div 或 span 中，或者添加换行符并使用负领先。

我仍然不知道字距调整，但字母间距似乎有效，所以......

如果有人有任何额外的见解可以提供，我洗耳恭听！

Answer 2

以下是对我有用的方法，使用 sIFR 3 获得带有红色 Serifa 字体的 h2，字母间距和前导最小。实际的 sIFR swf 没什么特别的，只是根据 sIFR 文档创建的。如上所述，offsetTop和tuneHeight也可以用于调整位置（如下所示，尽管我没有使用它们，所以设置为0）。

在 sifr.css 中

.sIFR-active h2.replace {
    color: #FF0000;
    visibility: hidden;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 2.5em;
    text-transform:uppercase;
  }

在 sifr-config.js 中

sIFR.replace(serifa, {
    selector: 'h2.replace',
    css: ['.sIFR-root { letter-spacing: -2; leading: -15; kerning:true; color:#FF0000; text-transform:uppercase; font-size:2.5em; }' ], 
    tuneWidth: '0' , tuneHeight: '0' , offsetTop: '0' });

在 html 页面中（例如）：

<div class="column grid_4">
    <h2 class="replace">Title here</h2>
</div>