導航:首頁 > 萬維百科 > 設計網頁時字型大小可以用奇數嗎

設計網頁時字型大小可以用奇數嗎

發布時間:2020-11-21 12:18:20

1、現在網頁設計中的為什麼少有人用 11px,13px,15px 等奇數的字體

偶數字型大小相對更容易和 web 設計的其他部分構成比例關系。比如:當我用了 14 px 的正文字型大小,我可能會在一些地方用 14 × 0.5 = 7 px 的 margin,在另一些地方用 14 × 1.5 = 21 px 的標題字型大小。

Windows 自帶的點陣宋體(中易宋體)從 Vista 開始只提供 12、14、16 px 這三個大小的點陣,而 13、15、17 px 時用的是小一號的點陣(即每個字占的空間大了 1 px,但點陣沒變),於是略顯稀疏。

這個我不確定,需要確認:聽說有不少字體的 hinting 都只專門處理了常用的幾個偶數字型大小。
除了上面說的這些,奇偶字型大小的字體渲染效果似乎其實差別不大(尤其在 OS X 和 Linux 以及手持設備上)。即使在 Windows 里,微軟雅黑在 11 至 17 px 之間的奇偶字型大小效果似乎也都差不多。(呃,都差不多糟糕……)
目前 12、13、14、15、16 px 其實都是很不錯的正文字型大小。知乎和豆瓣的正文字型大小都是 13 px,而中文維基百科的正文字型大小是 15 px,並沒有什麼不好。

另,@賀師俊 指出:
早期的 Windows 里,中易宋體點陣只有 12 和 14、15、16 px,唯獨缺少 13 px。

2、為什麼app設計字體大小不要單數

因為單數顯示會有毛邊。所以都使用雙數設計。

3、為什麼 css 頁面里 字體大小 一般不用單數

網頁中的單位是一像素一個單位。所以當字體大小為12px,也就是說12個像素。所以可以用13、15、17等這樣的單數,只是比較少見。

通常約定成俗的是使用12、14、16等雙數來表示字體大小,常見。

4、現在網頁設計中的為什麼少有人用 11px,13px,15px 等奇數的字體

UI設計師的原因
多數設計師用的設計軟體(如:ps)大多數都是偶數,所以前端工程師一般都是用偶數字體。
瀏覽器的原因
其一是為了遷就ie6,萬惡的ie6會把定義為13px的字渲染成14px,你可以寫個頁面試試還有一個原因是,偶數寬的漢字,比如12px寬的漢字,去掉1像素的間距,填充了像素的實際寬是11px,這樣漢字的中豎線左右是平分的,以「中」這個字為例,在12像素時,豎線在中間,左右各5像素,顯得均衡。
其二像谷歌一些比較流行的瀏覽器一般會有個默認的最小字體,而且對奇數字體渲染的不太好看
實際應用

偶數字型大小相對更容易和 web 設計的其他部分構成比例關系。比如:當我用了 14 px 的正文字型大小,我可能會在一些地方用 14 × 0.5 = 7 px 的 margin,在另一些地方用 14 × 1.5 = 21 px 的標題字型大小。
Windows 自帶的點陣宋體(中易宋體)從 Vista 開始只提供 12、14、16 px 這三個大小的點陣,而 13、15、17 px 時用的是小一號的點陣(即每個字占的空間大了 1 px,但點陣沒變),於是略顯稀疏。

與設計網頁時字型大小可以用奇數嗎相關的知識