現在網頁設計中的為什麼少有人用 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。


中文的 12px/14px 顯示效果比較好。


首先回答你的問題

11px在chrome中會被強制轉成12px

13px在字體的結構上和點陣上並不好看

15px因為不倫不類

那在宋體的中文網頁排布中我們使用最多的就是12和14

在12和14px下宋體都能夠很好的顯示出來 很清晰

16px的話開始有宋體的邊緣繪製特性

以上就是我的回答


其一是為了遷就ie6,萬惡的ie6會把定義為13px的字渲染成14px,你可以寫個頁面試試

還有一個原因是,偶數寬的漢字,比如12px寬的漢字,去掉1像素的間距,填充了像素的實際寬是11px,這樣漢字的中豎線左右是平分的,以「中」這個字為例,在12像素時,豎線在中間,左右各5像素,顯得均衡。


梁海回答的很專業。補充一點,有的字體,比如微軟雅黑,奇數字型大小加粗的時候文字大小會明顯不一樣,有的字大一點有的字小一點


知乎的字體不都是13px么。貌似很多網站文本字體也是這個大小啊...


諸位,本頁面中大部分漢字應該都是13px。審查元素:font-size:13px。


知乎文本的字體大小就是13px的。

12px的字體過於細小看起來稍微吃力,14px的字體則看起來不夠精緻和細膩。可見13px的字體是不錯的選擇。

早期不支持13px/15px的字體,或許是因為字體佔用的是兩個字元,只有一個字元時(7.5px)處理效果不佳?

使用偶數是一種習慣的延續,並且12px和14px字體能形成更好的層次與對比。

使用奇數號字體不好的地方是,文本段落無法對齊。


11px字體一般的是作為裝飾來使用的

14號字體設計師覺得有點大 然後選擇了13號。

15號字體的選擇估計一般是設計師自己都不知道為什麼選擇了15號。有時候在psd裡面看著很好的 到了頁面就未必了。

字型大小,字體是結合在一起的。為什麼選擇一般情況下都是根據設計師自己去判斷的 雖然也有很多的文章對字體去做了細微的比較,但是真正在設計的時候很少有人去考慮。而是一個像素一個像素去試驗出來的。


我站在開發都的角度來說說吧,其實完全沒有其它的原因,純粹是因為11、13、15這樣數字看起來彆扭。再比如邊框、邊距、長寬等,都很少用個位為1379這樣的數字,5勉強能接受下。


習慣問題吧,在ClearType沒在WINDOWS中預裝的年代,中文網頁的默認流行字體是宋體,且只有9、12、14這幾個字型大小的字還算清晰


我說下11px,Chrome 下字體最小為12px ,小於12則默認顯示12px


不好對齊


可能好多都是習慣遺傳下來的吧。習慣了也都用偶數了


個人習慣,我是因為PS里默認的字型大小12號以上都是偶數,就一直習慣用偶數了。而且windows下視覺上偶數字比奇數字好看點。


13號 正文 11號按鈕 雅黑 效果還好。。 網頁上的字體 太過方方正正,給人一種生硬的感覺。


因為各種軟體默認的選項里就是6 8 10 12 14 18 20 24 30 36 這樣啊 按一下12比輸入13更快。。。


雅黑的11px和13px有做點陣……效果很好

宋體什麼的已經過時啦~


字體對稱吧,符合大多數人的審美觀


推薦閱讀:

如何修改 OS X 的系統默認中文字體?
為什麼哈根達斯廣告上的哈字有兩個點?
思源黑體 (Source Han Sans) 的各個版本有什麼不同?
windows上默認安裝有哪些字體?
日文漢字「箸」、「賭」中,「者」上的點的來源是什麼(見內圖)?

TAG:網頁設計 | 前端開發 | 字體 |