设置 sIFR 文本的大小答案

【问题标题】：Setting size of sIFR text设置 sIFR 文本的大小
【发布时间】：2009-09-11 08:30:57
【问题描述】：

我正在尝试在我正在开发的网站中设置几个 sIFR 文本实例的样式，但我不太了解 the styling documentation 中推荐的技术。

它说：“当为 .sIFR-root 类指定并给定 px 单位时，这将确定 sIFR 用于渲染 Flash 电影的实际字体大小”，但随后会警告您不要这样做，因为它会使文本不可缩放。

然后它说“当为其他选择器指定时，使用 % 单位使字体大小相对于主字体大小”，但我不知道他们在那里指的是什么“其他选择器”。它说必须在 sifr-config.js 文件中指定样式，但我可以看到该文件中唯一可以输入自己的 CSS 的地方是 .sIFR-root 类。下面是调用每个 sIFR 实例的代码：

sIFR.replace(inkburrow, {

选择器：'#sidebar h3', css: '.sIFR-root { 背景色: #F7F8F2;颜色：#222222；字体大小：24px； }' });

（在这种情况下，特定的字体、颜色等是我正在使用的）。因此，我不确定除了 .sIFR-root 类之外的其他位置，他们希望您放置相对字体大小。将像素以外的任何单位放在 .sIFR-root 类中都不起作用 - 我试过了。并且在站点的常规样式表中为要替换的选择器（在本例中为#sidebar h3）提供任何类型的字体样式都没有效果 - 也尝试过。

如您所见，目前我正在按照他们警告的方式进行操作：在 .sIFR-root 中设置 px 大小。但如果可能的话，我宁愿使用相对大小——我只是不知道应该把它放在哪里！

【问题讨论】：

标签： css sifr font-size

【解决方案1】：

确保你有 font-size: 100%;在主样式表中的 body { } 样式中。

假设大多数浏览器的默认字体大小为 16 像素。因此，如果您希望字体为 24 像素，请将 .sIFR-root CSS 设置为 font-size: 150%;它会将你所有的 sIFR 文本调整为 24px 的相对大小。

如果它仍然不起作用，请使用 Firefox 中的 Firebug 插件查看它，看看为什么该样式会被其他地方的另一种样式覆盖。

【讨论】：

【解决方案2】：

如果您没有在sIFR.replace() 中指定任何字体大小，sIFR 将使用文档中的字体大小。

如果您想在 sIFR Flash 影片中混合不同的字体大小而不指定主要字体大小（以像素为单位），则百分比很有用。

【讨论】：