2010-04-15 75 views
6

我想根据所选字体设置字体的字体重量。例如,我可能会尝试做这样的事情:CSS:根据后备字体设置字体重量

h1 { 
    font-family: Arial Narrow, Impact, sans-serif; 
    font-weight: ?; 
} 

比方说,我想要的字体,重量要“大胆”如果用户具有窄Arial其系统上安装,但“正常”,如果浏览器必须使用Impact,如果用户的系统没有这些字体,则可能是“大胆”。这可能吗?如果是这样,我将如何去做这件事?

回答

6

我99.99999%肯定,如果没有一些严肃的JavaScript魔法,这是不可能完成的,即使是使用JavaScript,它也是该死的很难找出最终使用哪种字体。

相关:get computed font-family in JavaScript真实问您的问题

+0

嘿!我正要这么说! +1 – 2010-04-15 17:53:17

+0

我同意佩卡,我从来没有见过这个。另请参阅http://stackoverflow.com/questions/945644/is-there-a-way-to-check-what-fonts-are-installed-on-machines-via-the-web – 2010-04-15 17:53:26

0

这不工作吗?未经测试。

<style> 
@font-face { 
    font-family: "ArialBold"; 
    src: local("Arial Narrow"); 
    font-weight: bold; 
} 
@font-face { 
    font-family: "ImpactNormal"; 
    src: local("Impact"); 
    font-weight: normal; 
} 
@font-face { 
    font-family: "SansSerifBold"; 
    src: local("sans-serif"); 
    font-weight: bold; 
} 
h1 { 
    font-family: ArialBold, ImpactNormal, SansSerifBold; 
} 
</style>