Typography 字体

一、字体

Typography 字体 - 图1

为了使360小程序在多平台上获得一致的视觉体验,提升内容的清晰以及阅读的舒适性,

我们使用Microsoft YaHei 为系统默认的中文字体,其中包含Regular / Bold。

英文使用Arial,其中包含Regular / Bold。

Typography 字体 - 图2

二、字号

Typography 字体 - 图3

字号设定说明:

• 同时使用过多的字体尺寸和样式能轻易的毁掉布局,所以我们限制了字体的尺寸在有限的集合。

• 这些经过筛选的字体尺寸能很好地适应界面的布局结构,并让内容密度和阅读舒适度取得平衡。

• 不同字体的尺寸在不同的场景中有严格的规定,你可以使用以下推荐字号作为你的选择。

Typography 字体 - 图4

建议根据场景使用适合的字号,常用场景字号建议如下:

Typography 字体 - 图5

我们建议的主要字体为 14。其余的字阶的选择可根据具体情况进行自由的定义。

建议在一个系统设计中(展示型页面除外),字阶的选择尽量控制在 3-5 种之间,保持克制的原则。

Typography 字体 - 图6