SIFR 的 IE7 和 8 个较小的字体大小问题答案

【问题标题】：IE7 and 8 smaller font-size issues with SIFRSIFR 的 IE7 和 8 个较小的字体大小问题
【发布时间】：2009-05-16 06:15:53
【问题描述】：

我的网站http://tweetMP.org.au 使用 SIFR 来呈现 flash 字体 h2 标题。

如果您比较 Firefox 和 IE7/8 之间的网站，您会发现 IE 中的标题明显更小（仅限 7 和 8 - IE6 看起来不错）。

在我的 ie（7 和 8 特定 css）上调整字体大小没有任何作用。

任何想法为什么会这样？

-V

【问题讨论】：

如果禁用sIFR，字号也会变小吗？
马克，它不小。当我禁用 siFR 时，IE7 和 8 显示的字体大小与 firefox 相同
好的。在那种情况下，这显然不应该发生……你能创建一个只有一个标题和尽可能少的 CSS 的测试用例吗？会更容易诊断。
好的，今晚我会为你制作这个

标签： flash internet-explorer sifr

【解决方案1】：

我建议在 sifr 配置文件中设置字体大小，类似于以下内容：（记下 font-size 元素）。这样可以确保字体大小在 sifr 中执行，并且可能会帮助您。如果它没有让我知道我还能想到另一种解决方案:)

sIFR.replace({
选择器：'.din-20-bold',
src: 'fonts/din.swf',
highsrc: 'fonts/din.swf',
css: {
'.sIFR-root' : { 'text-transform': 'uppercase' , 'color':'#FFFFFF', 'text-align':'right', 'width':'484px', 'font -size':'20px', 'font-weight':'bold'},
},
wmode: '透明',
paddingTop: 0
});

【讨论】：

【解决方案2】：

您的问题可能来自使用像素 (px) 作为字体大小。尽管 ems (em) 是调整字体大小的现代方式，但百分比 (%) 在浏览器中的显示更加一致。试试看，然后再次测试 sIFR。有关更多信息，请阅读以下文章，其中一篇（在 A List Apart 上）引用：

修正了夸张的文字大小调整 IE6和IE7的大小是body 使用百分比

CSS Font-Size: em vs. px vs. pt vs. percent

How to Size Text in CSS

【讨论】：