在 Angular Material 中设置全局排版样式是什么意思？

Question

当使用 ng add @angular/material 向 Angular 项目添加 Material 支持时，会出现提示 Set up global Angular Material typography styles?

这到底是什么意思？文档说明出现了提示，但没有描述它的实际含义。

Answer 1

默认情况下，Angular Material 不适用于全局 CSS。这意味着标准元素（例如 <h1>）不会应用 Angular materials 的样式。因此，当以这种方式配置时，为了将 Angular material 样式应用于 HTML 的大部分，您可以使用 mat-typography class

<h1>This header doesn't have Angular Material styling</h1>
<section class="mat-typography">
<h1>This header does have Angular Material styling</h1>
</section>

如果您设置全局排版样式；那么第一个 <h1> 已经设置了样式。

在 Angular Material 中设置全局排版样式是什么意思？

In Angular Material what does setting up global typography styles mean?

angular-material