Question

自定义我的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',

是辅助字体吗？我想选择第二种字体。如果这不是辅助字体，那是什么？

谢谢

Answer 1

font-family属性可以包含多个字体名称作为“后备”系统。如果浏览器不支持第一种字体，它将尝试下一种字体。

如果没有其他字体可用，请从所需的字体开始，并始终以通用家族结尾，以使浏览器可以选择通用家族中的相似字体。

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

注意：如果字体名称包含空格，则必须用引号引起来。在HTML中使用“样式”属性时，必须使用单引号。