Css 为不同的字体系列指定不同的字体大小

Css 为不同的字体系列指定不同的字体大小,css,Css,有没有办法为不同的字体系列指定不同的字体大小。我想使用的字体(用于产品品牌)是一种罕见的字体(FlashDLig),并非所有PC和浏览器都支持。(我的一台装有IE 9的windows 7 PC没有显示它…)现在我使用Arial作为备用字体,问题是Arial比FlashDLig大得多,所以我想在同一个类中为它指定不同的字体大小。可能吗 我知道你可能可以使用字体大小调整,但它只在Firefox中受支持 有什么建议吗?也许是Javascript魔术 谢谢请查看以下代码示例: 及 并根据检测结果调整

有没有办法为不同的字体系列指定不同的字体大小。我想使用的字体(用于产品品牌)是一种罕见的字体(FlashDLig),并非所有PC和浏览器都支持。(我的一台装有IE 9的windows 7 PC没有显示它…)现在我使用Arial作为备用字体,问题是Arial比FlashDLig大得多,所以我想在同一个类中为它指定不同的字体大小。可能吗

我知道你可能可以使用字体大小调整,但它只在Firefox中受支持

有什么建议吗?也许是Javascript魔术


谢谢

请查看以下代码示例:

并根据检测结果调整样式表

我以前用过,效果很好


祝你好运!:)

我建议默认为Arial,然后创建第二个类,该类使用为您的字体声明的@font-face。然后,我认为您必须使用Javascript来测试字体是否能够加载(可能检查您推迟到屏幕之外的某些元素的派生样式),如果可以,请将类更改为新的。我之所以这样做,而不是从你的自定义字体开始,是因为我的想法

下面是一种在Javascript中更改类的方法:

if (fontLoaded()) {
    document.body.className += " fontLoaded";
}
然后在CSS中:

@font-face {
    ... /* declare font face */
}
body {
    font-family: "Arial";
    font-size: 0.8em;
}
body.fontLoaded {
    font-family: "FlashDLig";
    font-size: 1em;
}

可以看一看:但是为什么不在网站上用
@font-face
包含该字体呢?甚至IE也从5.5.Hi bažmegakapa支持它。谢谢,好主意。这个网站说@font-face文件类型只受IE9和更高版本的支持…你说IE5.5和更高版本?非常感谢。谢谢。关于如何实现解决方案的这一部分的任何想法:“如果是,请将类更改为新类”。我假设它必须是一些Javascript函数,而Javascript不是我的强项