angular material 版式 - 自定义

angular material typography - customisation

正在定制我的 angular material theme's typography。我知道可以用自己的字体覆盖默认字体,如下所示:

$custom-typography: mat-typography-config(
  $font-family: 'Lato, monospace'
);

虽然,我注意到the source code显示了两种字体,默认的Roboto,然后Helvetica也包含在引号中:

$font-family: 'Roboto, "Helvetica Neue", sans-serif',

这是辅助字体吗?我想是否可以选择辅助字体。如果这不是辅助字体,那是什么?

谢谢

font-family 属性 可以作为一个 "fallback" 系统容纳多个字体名称。如果浏览器不支持第一种字体,它会尝试下一种字体。

从您想要的字体开始,并始终以通用系列结束,以便浏览器在通用系列中选择类似的字体(如果没有其他字体可用)。

注意: 用逗号分隔每个值。

注意:如果字体名称中包含white-space,则必须加引号。在 HTML.

中使用 "style" 属性时必须使用单引号

复制自w3schools