2010-04-15 73 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>