网站对字体大小的选取也是有学问的

对于很多网页设计师来说，很习惯的使用某一字体大小，比如14px或12px。有时候我们设计网页时并不会十分仔细的考虑字体大小的选择，因为在国内网站来说12px和14px基本成了所有网页字体的标准大小，但在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验，所以研究字体和浏览器之间的关系还是有些必要的。至少可以让我们从更深层面认识我们为何要使用这种大小的字体！

文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的dpi，乃至不同的浏览器设置，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次光临都要重新缩放，总归麻烦，何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字号，那这个字号多大合适呢？

12px?14px?15px?16px? 还是压根就不应该使用px这个单位呢？

问题的根源，在于屏幕上的一切字号单位（px,pt,em）都是相对单位，单凭它们并不能确定文字的实际大小。何况人对文字大小的根本感知在于眼睛的视角，这不仅取决于文字的物理尺寸，还取决于它到人眼的距离。

物理尺寸

首先假定一个我们希望达到的文字物理尺寸，例如设定为17寸1280 * 1024显示器上的16px，计算可得它的高度约是4.32mm，我们计划让网页文字在大部分显示器上都比较接近这个大小，那么在不同分辨率下应该显示成多大的字号呢？

第一步：统计用户主要的分辨率和对应的屏幕大小。

要在物理尺寸和分辨率之间换算，首先要统计分辨率和对应的屏幕尺寸。用户分辨率的分布情况可以从网站的统计日志里获得。由于每个分辨率设置可能对应好几个不同尺寸的屏幕，而屏幕尺寸又无法通过网页获得，只好对现在的显示器市场进行统计分析：针对某一分辨率，统计可能的屏幕尺寸范围，从最小到最大，相对主流的是多大（或使用该范围的中间值作为主流尺寸）。如下图所示——

电脑显示器市场（产品种类繁多，难免挂一漏万，数据仅供参考）