以下文章來自code秘密花園，作者ConardLi
優質的前端號，基礎、框架、演算法、專案、面試...總有你想要的。
code秘密花園 公號/ConardLi
當你正在糾結選擇什麼樣的字體大小，尤其是在你嘗試適應不同的螢幕和場景時。回顧網頁字體發展的歷史變化，或許會給你一個新的視野。
當我在 2005 年左右開始研究 Web 的東西時，有兩種非常流行的正文字體樣式：
10pxVerdana;11pxArial。
這兩種樣式可能出現在 90％ 的專業網站上，供 WindowsXP 和更早版本的IE5、IE5.5 和 IE6 的用戶看到。由於重字體提示，缺乏字體平滑或亞像素渲染，以及 Verdana 具有更大的 x-height，因此 10pxVerdana 大致等於11pxArial，但字母略寬，它們的外觀也相似。
今天，10px 和 11px 似乎微不足道，但是在 2000 年代初，由於兩個原因，它們被認為是可讀的：
1990年代末和2000年代初的800×600和1024×768螢幕的像素很大，因此選擇的像素雖然偏小，但不像今天看起來的那麼小。設計師和他們的客戶習慣了
9、10和11點大小的印刷字體（書籍，雜誌，傳單等），而使用更大的字體就像對讀者大喊大叫。
由於很少有設計 Web 的經驗，圖形設計師和市場部門依靠 QuarkXPress 和MicrosoftWord 等先前的知識。 “如何將傳單或雜誌廣告中使用的字體磅值轉換為HTML 字體尺寸？”
當然，由於像素沒有通用的物理尺寸，因此無法可靠地將印刷點轉換為像素。螢幕具有不同的每英吋像素比。原始的 Macintosh 畫面為 72ppi（或 68ppi ？）。二十年後的 2004 年，螢幕普遍在 80-90ppi 的範圍內。幾年後，像素變小了，螢幕通常在 90-120ppi 的範圍內，而大多數 iPhone 的解析度為 160ppi 。儘管有普遍的誤解，甚至在 Retina 過渡開始之前，Web 的分辨率就不是72ppi。
但是，我們無需計算出每台設備的確切每英寸分辨率，即可做出明智的設計選擇。試試看，應該始終勝過 dpi，ppi，Retina 甚至像素數。
在2006年11月，OliverReichenstein 進行了一個簡單的實驗：他比較了雜誌的正文字體與正常人的眼睛到桌面螢幕的距離，兩者的距離是正常的，而網站的文字
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/wang-luo-zi-ti-yan-bian-gai-lan.html
支付宝扫一扫 
评论列表（196条）
测试