设置sIFR文本的大小

Question

我正在尝试对正在处理的站点中的几个sIFR文本实例进行样式设置，但我不太理解the styling documentation中推荐的技术。

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

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

sIFR.replace(inkburrow, {

选择器：‘#侧边栏h3'，css：'.sIFR-root { background-color：#F7F8F2；color：#222222；font-size: 24px；}’})；

(在本例中，特定的字体、颜色等就是我使用的字体、颜色等)。所以我不确定除了在.sIFR-root类中，他们想让你放一个相对的字体大小。在.sIFR-root类中放置除像素以外的任何单位都不起作用--我试过了。在站点的常规样式表中，给被替换的选择器(在本例中是#sidebar h3)添加任何类型的字体样式都没有效果--也试过了。

如你所见，目前我正在按照他们警告的方式来做:在.sIFR-root中设置px大小。但如果可能的话，我更希望能够使用相对大小-我只是不知道应该把它放在哪里！

Answer 1

确保在主样式表的正文中有font-size: 100%；{} style。

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

如果它仍然不起作用，可以使用Firefox中的Firebug附加组件来查看它，并了解为什么该样式会被其他地方的其他样式覆盖。

Answer 2

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

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