在哪里指定sIFR的行高

Question

我没有运气改变sIFR的行高。我试过更改sIFR css和配置文件以及我的一般样式表。有没有特别的伎俩？

GENERAL CSS

h1 {
    font-family: Georgia, Times, serif;
    font-size: 24px;
    font-style: normal;
    line-height: 16px; (has had zero impact, even when I go negative)
    color: #000000;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    outline: none;
}

配置文件

sIFR.replace(minionpro, {
  selector: 'h1', wmode: 'transparent',
  css: '.sIFR-root { color:#000000; text-transform: uppercase; }'
});

Answer 1

Flash使用leading代替line-height，因此只需使用：

sIFR.replace(minionpro, {
  selector: 'h1', wmode: 'transparent',
  css: '.sIFR-root { color:#000000; text-transform: uppercase; leading: 1.5; }'
});

leading值必须是一个数字，没有测量值，如px，em，％等。

Answer 2

起初我以为它不起作用，但我意识到领导的单位与em完全不同。我尝试了一个更大的值“领先：-10;”它工作得很好。我正在使用sIFR 3 r436。

Answer 3

我会猜测并说这是因为你的字体大小＆gt; line-height（24px> 16px）sIFR将忽略line-height属性并使用font-size创建flash。

如果您尝试获取两行重叠文本（16px行上的24px文本将导致8px的重叠），您可能会扩展sIFR的功能。

修改

看起来sIFR有一些根据不同因素计算字体大小的奇怪方法...查看链接了解详细信息（不知道你的sIFR版本，我无法评论你的情况）。

Novemberborn: Font Sizing with sIFR

Answer 4

使用leading类的（自定义）.sIFR-root CSS属性控制Flash影片中的线高。 Flash没有您可能熟悉的line-height概念。