2010-08-24 145 views
13

我有一個CSS聲明是這樣的:CSS不同的字體大小

font-family: font1, font2, font3; 

其中font1是一個嵌入式的EOT/TTF字體,但問題是,這種字體是小於其他字體,所以我想爲這種字體(font1)設置不同的字體大小(1.8em)。所有其他字體(font2,font3)保持不變。

問題是,我無法驗證用戶的瀏覽器是否使用font1,font2或font3。是否有任何css聲明允許不同的家庭使用不同的字體大小?

謝謝。

回答

14

There is一種方法來做到這一點,但它現在是非常嚴重的支持。您正在尋找的CSS屬性是font-size-adjust - 專門爲解決此問題而引入的新CSS3屬性。本說明書中表示:

在字體回退 發生的情況下,後備字體可以不共享 相同的縱橫比作爲期望 字體系列,因此將出現更少 可讀。字體大小調整 屬性是在發生字體回退 時保留文本可讀性的一種方法。它通過調整 字體大小來實現這一點,因此無論使用何種字體,x高度都是 。

但是,它現在只支持Firefox,因此您可能需要尋找替代方案。

有關如何使用它的示例,請參閱:

http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/
https://developer.mozilla.org/en/CSS/font-size-adjust
http://www.fonttester.com/help/css_property/font-size-adjust.html
http://www.w3.org/TR/css3-fonts/#relative-sizing-the-font-size-adjust-pro

+4

的'字體大小adjust'屬性大多無用,因爲除了缺乏在其他瀏覽器上的支持,Firefox的支持剛剛破裂。它使用錯誤的x高度值,甚至可能在錯誤的方向上進行調整。 – 2014-06-01 13:53:13