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
正在定制我的 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