sifr“缩小”字体大小答案

【问题标题】：sifr "shrinking" font-sizesifr“缩小”字体大小
【发布时间】：2023-04-05 06:13:02
【问题描述】：

我在使用 sifr2 的字体大小方面遇到了一些问题，当文本太大而无法容纳单个“行”时，而不是换行符（就像在 sifr2 提供的带有文本的演示 html 文件中发生的那样） “Vanden Keere，Eaves 夫人在巴斯克维尔结婚”），它只是将 sifr 替换的文本缩小到更小的字体大小，以适应空间，奇怪的是我没有使用这个 css 的大小标记。

“有问题的”选择器是 h2.text，位于 class="bloq" DIV 中。

<div class="bloq">
    <h2 class="text">text that drives me crazy 'cos it's soooo long</h2>
</div>

代码如下：

SIFR 代码：

// This is the preferred "named argument" syntax
sIFR.replaceElement(named({sSelector:"h2.text", sFlashSrc:swfurl, sColor:"#7d2384", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#CCCCCC", nPaddingTop:0, nPaddingRight:0, nPaddingBottom:0, nPaddingLeft:0, sWmode:"transparent"  }));

SIFR.screen CSS 代码：

.sIFR-hasFlash h2.text {
    visibility: hidden;
    letter-spacing: -9px;
    font-size: 14px;
}

mystyle CSS 代码：

h2{
    height: 62px;
    background-repeat: no-repeat;
    background-position: bottom left;
    text-indent: -9999px;
    padding: 0px;
    display: block;
}


h2.text{
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #7d2384;
    margin-bottom: 10px;
    text-indent: 0px;
    height: auto;
}


.bloq{padding-left: 11px; float: left; width: 300px;}

提前致谢。

PS。另外，我注意到在最新的 Safari 版本中，sBgColor:"#FFFFFF" 属性存在一些问题，sColor:"#7d2384" 效果很好，但 sBgColor 总是变成绿色。

浏览器太多 .. 版本太多 :P

【问题讨论】：

标签： sifr

【解决方案1】：

sIFR 3 没有这个问题。

【讨论】：