排版

排版以两种字体和一组样式为基础,包括字体、粗细、字体大小和行距。

默认使用两种字体:Inter 用于标准排版和标题,Menlo 作为等宽字体。英特尔在 谷歌字体 中可用,Menlo已预装在某些操作系统上。您可以根据品牌指南更改这些字体。

字体参数

大小和领先优势

行距决定基线之间的间距,字体大小决定字体的大小。这两个参数决定了文本的可读性。

重量

权重是为文本样式(正文和题注组的默认值为 400)和显示样式(副标题、标题和显示的默认值为 600)指定的。默认情况下,显示样式的权重更大。但是,可能有例外。

风格小组

身体

用于所有类型的文本。国际米兰设置为默认值 (400)。

Body

Body 1 Short 减少了行距,用于狭窄的内容块(宽度最大 300—400 像素)。

字幕

所有可用字体中最小的字体。用作标题、脚注和任何其他信息的样式。国际米兰设置为默认值 (400)。

Caption

标题

最常用作信息密度至关重要的接口中的标题。国际米兰设置为默认值 (600)。

Header

副标题

当与适当的体型搭配时,可用作副标题或口音。国际米兰设置为默认值 (600)。

Subheader

显示屏

适用于显示比信息密度更重要的情况,例如在通信设计中。国际米兰设置为默认值 (600)。

Display

代码

用于在不同的块中显示代码。Menlo 设置为默认值。

Code

内联代码

用于输出以纯文本形式嵌入的代码。缩小的行间距用于光学补偿和对齐纯文本。更改字体时,请确保正确显示行内代码。Menlo 设置为默认值。

Code Inline

以前颜色
下一步拐角半径