网页上字体大小研究

之前做过多年web开发，一直有个疑问,字体大小16px,是字体的宽和高都是16px吗？放大后用肉眼观察，明显不是。有的字 “胖",有的字 “瘦”。只有一部分字是方方正正的。如图：

 

这是怎么回事呢？仔细观察中和华字之前有缝隙，是不是字与字之前的距离，哪么问题来了，距离应该是多少，中与华两字之前距离明显要比华和人两字之前的距离大。后来经过仔细研究，得出下图结果 。

 

我们可以理解为16x16 (px)大小的田字格。每个字体就占用这么大空间。每个字在16x16的田字格上写。这样就好理解多了。