我们先看小屏幕上的段落,把能看得舒服的最小字号设置为最小字体。12px看起来太小,是因为我们的脸没有贴近设备屏幕?,那么13px或14px看起来会舒服一些吗?

然后,将同样大小的文字段落放到大屏幕上来看。这时观看距离会对效果有所影响,我们的眼睛通常会离大屏幕远一些,所以需要看一下字号是否仍然适合,如果不适合,我们还要增大字号来适应更远的观看距离。通过这种方式,我们可以快速为各种类型的设备选择最合适的字号。

0605.tif

相对于em或rem单位,客户更容易理解px,即像素, 因此我们以px为单位来设置文本字号。当然,在这个过程中,我们会把字体转换为弹性元素。

0606.tif

活字校样是一种简单的方法,它能够帮助我们为每种类型的设备的标题设置最大的字号。

使用相同的方法,还可以为标题和其他元素确定合适的字号。大标题使设计看起来更引人注目,然而它们更加适合大屏幕;小屏幕上的空间有限,每行只能显示几个词,因此需要谨慎地设置字号,不然看起来很不舒服。我们首先为小屏幕选定合适的标题字号,然后在不同的设备类型上测试。注意观察变化,一直到我们所能测试的最大屏幕。

对于按钮上的小文字、导航和页脚,使用相同的方法,都是先从最小的屏幕开始。