首先對(duì)空格寬度的定義：空格，由于每個(gè)瀏覽器處理會(huì)有微小的不同，在這里我將可以選中的寬度作為空格的寬度。視覺(jué)寬度和可選中的寬度有 0~3px 的差異（由于 kerning table 的不同），但以下測(cè)試的三種瀏覽器中相同。又因在 ClearType（次像素平滑）情況下視覺(jué)寬度有所不同（據(jù)猜測(cè)可選中的寬度應(yīng)該和不開(kāi) ClearType 一致），簡(jiǎn)單起見(jiàn)，本文僅研究不開(kāi) ClearType 的情況。
測(cè)試環(huán)境：Firefox 2.0.0.6 / IE 6.0.2900 / IE 7 on WinXP, XHTML transitional （經(jīng)測(cè)試與DTD無(wú)關(guān)），以下表格中的數(shù)字如無(wú)單位，均表示像素（px）。
測(cè)試方法：利用 CSS 定義字體和字號(hào)，選中空格（中-中、英-英、中-英、英-中四種情況），截圖并計(jì)算寬度。
另外以下提到的 font-size: 11px; 都是指定義的字號(hào)，在 Firefox 下忠實(shí)顯示，在 IE 下實(shí)際顯示的字號(hào)有所不同，經(jīng)測(cè)試如下圖：
FF下的11px和13px漢字
IE6下的11px和13px漢字
IE7下的11px和13px漢字
- 在宋體下，支持 11px，其余幾種測(cè)試字體都是當(dāng)成 12px 處理；
- IE 6 會(huì)把 Tahoma 的 13px 漢字渲染成 14px；IE 7 正常；其余幾種測(cè)試字體都按照 13px 正常處理；
- 默認(rèn)字體、宋體、Arial、Verdana 在 IE 6 和 IE 7 上的字號(hào)表現(xiàn)一致。
下面我們開(kāi)始看空格，以下是測(cè)試過(guò)程中的一些數(shù)據(jù)，也可跳過(guò)直接看文末的小結(jié)部分和這個(gè)表格：空格的寬度。在閱讀之前請(qǐng)確保已經(jīng)看過(guò)上文的情況說(shuō)明
默認(rèn)都是 16px 的漢字：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 8 | 8 | 8 | 8 |
| IE6 | 8 | 4 | 4 | 8 |
| IE7 | 8 | 4 | 4 | 8 |
注：IE 6、7 下如果調(diào)了文字大小，最大時(shí)空格為11px，較大時(shí)空格為10px
當(dāng) font-size: 12px; 時(shí)：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 3 | 3 | 6 |
| IE7 | 6 | 3 | 3 | 6 |
粵公網(wǎng)安備 44010402000282號(hào)