2009-09-08 72 views
4

在HTML/CSS字體大小可以在以下方式中指定(棄用但所有的瀏覽器支持):字體大小範圍{1,2,3,4,5,6,7}和{xx-small,x-small,small,medium,large,x-large,xx-大}?

<font size="n">text</font> 

n{1, 2, 3, 4, 5, 6, 7}的元件。

另一種可能性是:

<span style="font-size: s;">text</span> 

s{xx-small, x-small, small, medium, large, x-large, xx-large}的元件。

這兩個範圍之間是否存在任何事實上的關係?我認爲他們指的是相同的尺寸,因爲他們有七個要素,但事實證明並非如此。

回答

2

簡短回答:不,它是瀏覽器特定的。他們之間沒有標準的映射。

長答案:檢查this document,因爲它正在討論相同的問題的細節。

0

我認爲尺寸之間的推薦比例因子是1.2。 CSS不需要縮放因子。

4

請不要使用這兩種方法來指定字體大小。他們被棄用是有原因的。使用所描述的方法跨平臺創建一致的外觀幾乎是不可能的 - 更不用說您完全依賴於瀏覽器供應商爲他們指定的每個平臺值。

而是使用ems或百分比。您將獲得更加一致的外觀,並且可以更好地控制設計所需的字體大小。

+0

更好的是,使用像素(px)。無論如何,您可能已經使用像素大小來設置其他所有內容(框,邊框等),因此相對於跨平臺的其他頁面元素,您的字體大小相同。 (如果您使用的是PC,請保留12px以上的字體,以便Mac用戶可以閱讀它)。 – Seth 2009-09-09 00:07:22

+2

我沒有使用任何我提到自己的方法。我在問,因爲我需要識別其他人的HTML中的字體大小,並且我試圖儘可能地統一。 @Seth:我不是px的忠實粉絲。相反,我通常儘量使用em來定義(包括尺寸,填充,邊距,有時甚至是邊框)。我的經驗是,您使用相對度量所定義得越多,您佈局的靈活性越高,它在各種平臺上的兼容性越高,以及您在用戶手中留下的(調整大小)功能越多。 – 2009-09-09 00:19:26

+3

@Seth - 您的評論完全顯示了您不應該使用px的原因:「如果您使用的是PC,請保留12px以上的字體,以便Mac用戶可以閱讀它。如果你想要一個真正可訪問的網站,em的路要走 - 有很多東西在那裏通過指定一個基體大小在體內,然後從那裏獲得一個跨瀏覽器和平臺一致的大小。 – 2009-09-09 08:25:44

1

添,參考您的評論bigmattyh's answer

如果你有Firebug在Firefox中運行,您可以看到元素的「計算樣式」 - 這樣的例子,而StackOverflow的CSS定義的H2標籤(即約「您的答案」標題)爲:

h2 { 
    font-family:Trebuchet MS,Helvetica,sans-serif; 
    font-size:140%; 
    font-weight:bold; 
    margin-bottom:7px; 
} 

如果我看一看「計算樣式」我可以看到,這就是:

font-size: 17.9167px http://www.doodle.co.uk/UserFiles/Image/ComputedStyle.png

這可能會幫助你在你的追求。