SIFR 3.0 -字体大小

Question

我使用SIFR 3.0已经有一段时间了，字体大小似乎从来没有正确工作过。我理解SIFR背后最基本的概念。当您加载页面时，SIFR将运行。它会做一些计算，一个HTML呈现字体的大小，然后用一个与这个大小大致相等的flash电影替换它。因此，您希望将HTML字体的样式尽可能地与您的SIFR字体的大小相匹配。

我的问题总是出现在试图对这两种字体大小进行匹配时。假设我想使用Helvetica Neue的SIFR字体，大约在32 at。HTML的等价物类似Arial，大约在36 is，带有一些负的字母间距。所以我就是这么做的。

在sifr.css中，我将写：

@media screen {
  .sIFR-active h1 {
      visibility: hidden;
      z-index: 0 !important;
      font-size: 36px;
  }
}

太好了，这就得到了我所需要的默认HTML字体。现在我需要更新闪存SIFR字体大小。因此，我进入sifr-config.js并编写如下内容：

sIFR.replace(HelveticaNeueThinCond, {
  selector: 'h1',
  css: '.sIFR-root { color: #762123; font-size: 32px; line-height: 1em; }',
  transparent: true
});

所以现在一切都很顺利。这是直到我的h1文本包装了不止一行。由于某些原因，当文本包装时，它只显示第一行。好像算错了高度。这很奇怪因为我做了一些测试。我从"sIFR-active h1“中取下了”可见性:隐藏“，以确保呈现的文本大小是正确的。是的，它占了两条线。然而，当Flash替换这个文本时，它给出了一行文本的最小高度。很奇怪。

解决这个包装问题的唯一方法是从sifr-config中的“sIFR.replace(HelveticaNeueThinCond)”中删除“字体大小:32 in；”。我当时遇到的问题是，它继承了sifr.css中的字体大小集。现在的问题是，我的HTML文本比SIFR文本要大。因此，偶尔我的HTML文本会在我的SIFR文本之前换到一个新行，留下一个大的空白。

那么，如何在不丢失包装的情况下设置两个不同的字体大小(一个用于HTML文本，一个用于我的SIFR)。

我唯一一次能够成功地使用该字体是当我有一个SIFR字体是如此类似于一个网络安全字体，他们可以共享相同的字体大小属性。

谢谢

谢谢马克。如前所述，如果我从sIFR.replace中删除字体大小，它将默认使用在.sIFR.replace中声明的字体大小。我声明两种不同的字体大小是有原因的，我希望sIFR.replace的字体大小为32 of，sIFR活动的字体大小为26 of。这样他们就能尽可能地匹配。有没有办法让你的闪存字体(sifr.replace)是一个不同的大小，而不是HTML字体(sifr-active)？

它们是否必须具有相同的字体大小？如果那是真的话就没什么意义了。否则，你如何能够微调这两种字体，使他们采取相同的字母间距/行？

Answer 1

使用.sIFR-active类和负号字母间隔，您似乎做了所有正确的事情。从sIFR.replace中移除字体大小和行高，您应该是精细的…。

Answer 2

实际上，我从来没有想过使用两种不同的字体大小，sIFR只是为了使用来自CSS的字体大小而设计的。

不过，您可以使用http://wiki.novemberborn.net/sifr3/Ratio+Calculation来帮助sIFR整理Flash电影的高度，当然也可以通过调整letter-spacing来调整文本的宽度。