以下文章来源于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/articles/detail/wang-luo-zi-ti-yan-bian-gai-lan.html
支付宝扫一扫 
评论列表（196条）
测试