SIFR新手：非Flash浏览器中的字体显示问题

Question

我想知道是否有人可以帮助我，因为我对siFR相当新，并且认为在文档中有一些我不理解的必要内容。

我成功使用siFR 3（r436）来渲染字体，它正在按照我想要的方式工作。但是，如果我在任何浏览器中关闭闪光灯，原始（不再渲染）的html文本确实显示得非常糟糕。 我认为在任何非Flash浏览器中都会引用我的 inital 样式表，而不是siFR.css，我可以将html文本调整为单独的实体。 我想我可能已经开发了这个糟糕的主意，因为我记得在早期的siFR版本中你必须在原始样式表+ sifr-config上使用样式很多，所以你会在html和渲染字体之间获得相应的行高/宽度等。 （我意识到siFR 3以不同的方式呈现闪光灯）

因此，似乎siFR.css控制非flash文本和渲染字体。

无论如何，我的基本菜鸟问题是：如何让原始html文本与渲染字体具有相同的尺寸？

感谢您的帮助

Answer 1

sIFR会缩放flash对象以匹配原始字体大小。限制是您的Flash文本大小必须大于原始文本。使用与浏览器字体的指标尽可能匹配的Flash字体。

在CSS中，您需要了解.sIFR-active。当你使用：

sIFR.replace(cochin, {
  selector: 'h1'
});

所有<h1>元素都将替换为flash文本，并添加.sIFR-active类。目的是控制sIFR处于活动状态时元素的样式。特别是，当sIFR处于活动状态时，visibility设置为hidden。

当闪存关闭时，sIFR未启用但根据您的描述，您似乎编写了仅与sIFR-active类的元素匹配的css规则。

请参阅sIFR wiki，How to Use和Styling部分。