css - Angular Material 排版 - 定制

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 中使用“样式”属性时必须使用单引号。

复制自w3schools