这是我最近在写的一份报告的一部分。这里用数据研究了应该如何确定移动界面上的文字大小，以及讨论了几款移动界面上的字体，尤其是中文字体。

1. 大小

首先看一些屏幕的数据

*ppi：即每英寸像素数Pixel Per Inch

举例，以NOKIA N97/N900/iPod/M8/WINDOWS XP都有的界面时间来计算

通过上表可见：

• 各个设备即使屏幕不同，其显示相同性质的文字实际尺寸是接近的
• 相同性质的文字，因为点距和观察距离的不同，字体大小不同（显示屏与手机屏幕阅读距离大致相差一倍）
• 移动设备字号大小是普通屏幕的2倍左右。

一般来说，浏览器默认1em=16px，0.875 em\1 em\1.125em即为14\16\18px。

1磅≈0.353毫米

1英寸＝72磅=25.4mm

9pt=3.177mm 12pt=4.236mm，这是印刷业常用的尺寸，点(pt)是一个与像素无关，而只与长度有关的字体大小单位。与中文常用的关系为

• “小五”=9pt
• “五”=10.5pt
• “小四”=12pt
• “四”=14pt

而在网页中（22寸显示器下），中文最低使用12px=3.384mm最常使用14px=3.948mm。但是屏幕阅读始终比不上纸质印刷品，因为屏幕的dpi过低。网页设计中常常使用增大行距和字号来提高浏览体验。在12/14/16px下，中文字符不适合开启边缘抗锯齿（实际常用的宋体在20px下都不适合抗锯齿），而单纯增大字号则会让人看到带有锋利锯齿的笔画。

在手机屏幕上，dpi比电脑屏幕大大提高了，因此移动界面的浏览体验要比电脑屏幕提高不少。一个字符可以有更多像素来显示（超过18像素），边缘抗锯齿AntiAlias对文字显示效果的提升比桌面电脑要明显。它带来更丰富的层次以及柔和的边缘。

举例来说，显示9pt大小的文字（相当于屏幕上经常使用12px~14px），而在N97上是3.163mm/0.121_px/mm=26.26px，取最近的整数值也就是26px，这正好是N97上短信文字的字号（实际为25px但奇数字号中文显示会有问题，所以网页设计中通常会用偶数字号的中文）。

手持设备的屏幕阅读距离比笔记本和台式机更近，因此实际需要的文字大小并不需要更大。但为了方便在移动中阅读，推荐使用较大的字体。

简单的说可以看成文字大小与阅读距离是线性关系。也就是说，同样大小的文字，距离二尺时看到的只有距离一尺时的一半大小。定量来说：由于文字大小h（4~5mm）相对人眼到文字的距离d（30~60cm）非常小，可近似认为视角θ正比于h，并与d成反比（θ≈tgθ=h/d）。

因此在实际中，移动界面的字体并不是简单的把桌面屏幕的设置按比例换算下来。我们需要根据人与设备的距离d来调整字号的设置。

当人在移动中使用手机界面时，应该使用交大的字号，这样文字的辨识率会提高很高。实际中，我在移动中使用N97进行短信阅读收发没有问题。

但当静止下来时，你可以更近距离和仔细的观察屏幕，因此在静止状态实际你可以使用小一些的字号让屏幕呈现更多内容提高你的阅读效率。因此实际上N97短信文字默认大小是21px而大字号才是25px。其设计逻辑是考虑大部分人会在稳定状态使用短信功能。不过国情告诉我们短信功能对中国人而言是不分场合的。

从网上找到M8的界面截图进行分析，它的字号设置基本和N97是一致的。不过考虑到它的分辨率更高，是不是在M8上的字会比较小呢？

答案是，两者是同样大小的。

文字设定的字号和文字的实际大小是不一致的。例如Sans MT SC 936_S60C在22px字号下，中文实测高度21px，英文实测高度18px（对应关系可见下表）。

以像素px为高度单位，字体为Sans MT SC 936_S60C

更换字体后对比，在采用“微软雅黑”字体测试的情况下，开启抗锯齿，设定字号和中文字符实际高度是一致的。在苹果的字体中也是字号和文字高度一致。

在N97中，短信文字实际高度为23px，换算到M8上，应该是

H=23px*0.121_mm/px/0.100_mm/px≈27px

而雅黑字体的实际高度也为27px，因此在N97上25px文字与M8上27px文字大小是一致的。

在iPod Touch上，为何采用16px显示文字也是同样的道理。转换后与N97上20px文字是同样大小。

Touch没有采用更大的文字，考虑的原因有：

1. Touch通常使用状态不是你在大街上行走的时候
2. 节省空间（Touch分辨率在这些中是最低的）
3. 苹果在字体上的技术优势（独特的边缘处理）
4. 美观（过大的字体实在和精致界面格格不入）

但毕竟中文在20px下使用抗锯齿，尤其是16px下使用抗锯齿对文字的清晰度有很大影响，在一些地方iPod显示中文不是非常良好。

结论：

根据设备的分辨率来计算需要的字号并根据实际使用状态来调整

2. 字体

NOKIA N97默认的字体为Sans MT SC 936_S60C。这是一款Sans字体，意味着字体没有截线，笔画粗细几乎一样。这款字体专门为中文抗锯齿做了优化，尤其是在小字号下的抗锯齿笔画清晰度有了很大的提高。在抗锯齿开启的情况下，这款字体保证了每一个字号下的细笔画总呈现出应有的字体颜色，而不是因为抗锯齿被减弱的颜色。

新的N900（Maemo5系统）使用了一款类似Sans MT SC 936_S60C字体，不过有两个改进：1.英文带有类似Slab serif的衬线，而原来是无衬线；

2.优化了中文在20px下的显示清晰度，接近Droid Sans Fallback效果。

由于Droid Sans Fallback是一款开源字体并且包含对中文的支持，针对手机设备的优化设计（文件尺寸小，小字号中文显示优异），被众多开源平台采用。

Sans serif字体特点是笔画粗细一致，没有衬线和装饰，十分简洁，易于识别。但缺点是美观性不足（N900修改字体与此有关，N900的设计哲学与N97不同）。

在电脑上大量使用的宋体由于笔画有粗细，其最细的笔画要在32px以上时才会成为清晰的白色（开启抗锯齿）。

与这款字体同一类型的幼圆字体，在同字号下字体实际高度大（意味着占用更大屏幕），并且现实效果也并不及这款字体。

微软最新的雅黑字体（被M8采用），能够达到十分相近的效果。但在局部笔画、英文和数字上NOKIA自带的字体仍有优势。

四款字体的对比

可以看出NOKIA内置中文字体Sans MT SC 936_S60C显示效果较好。并且24px字号的几种字体同微软雅黑22px字号文字实际大小是一样的。

字体列表

绝大部分的英文经典字体设备都内置了

例如iPhone自带了以下字体

1. Hiragino Kaku Gothic ProN W3
2. HiraKakuProN-W3
3. Courier
4. Arial
5. STHeiti TC
6. AppleGothic
7. Courier New
8. Zapfino
9. Hiragino Kaku Gothic ProN W6
10. Arial Unicode MS
11. STHeiti SC
12. American Typewriter
13. Helvetica
14. Marker Felt
15. Helvetica Neue
16. DB LCD Temp
17. Verdana
18. Times New Roman
19. Georgia
20. STHeiti J
21. Arial Rounded MT Bold
22. Trebuchet MS
23. STHeiti K