Question

我正试图在我正在处理的网站上进行某些sIFR 3类型的引导和字距调整（如wiki：http://wiki.novemberborn.net/sifr3/Styling中所述），但这两个参数似乎没有影响不管我做什么。

我没有按照需要使用intergers（没有'px'或'em'）。我还尝试了几种不同的字体swf文件，只是为了确保它不是字体。我不知道为什么它不起作用。我分配给.sIFR-root的所有其他css参数都可以正常工作。以下是使用“leading”的代码示例。

在sifr_config.js中：

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

在HTML doc：

中

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

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

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

Answer 1

ETA：发现一种不那么强硬的方式：当添加到替换元素的CSS时，行高似乎有效（在我的例子中，它是：.sIFR-active .section-title h1）。所以我能够使用常规的旧行高来伪造边距。

好吧 - 因为这个让所有人都说不出话来，这就是我发现的：

最初，有很多关于使用leading作为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>

sIFR 3领先和稳定

2 个答案: